Ga naar inhoud

[JS] Scrollen in een frame


Aanbevolen berichten

Hallo, Ik wil in een frame per pagina in kun stellen of je kunt scrollen of niet. Moet je dan in de te laden pagina iets van [i:19b4330742]scrolling="yes";[/i:19b4330742] oid zetten? Ik had zelf dit bedacht, maar het werkt dus niet: <body onLoad="parent.getElementById('frameset').scrolling="yes";"> Wie helpt?
Link naar reactie
[url=http://www.w3.org/TR/REC-CSS2/visufx.html#overflow]overflow property[/url] Maar misschien kan je via javascript wat spelen met de overflow property van het venster, dus iets in de trant van [code:1:49aac4a49d] document.getElementsByTagName('BODY')[0].style.overflow = 'auto'; [/code:1:49aac4a49d] Waarbij je kan spelen met de verschillende overflow waarden. Geen idee of het werkt.
Link naar reactie
:oops: Het lukt me niet om zo iets te veranderen. Wat ik ook wil is vanuit een frame de frameset veranderen[code:1:b4192d8ee7]<frameset cols="180,*" framespacing="0" frameborder="no" border="0"> <frame src="menu.htm" name="fotomenu" frameborder="no" noresize> <frame src="default.htm" name="fotomain" id="blaat"? </frameset>[/code:1:b4192d8ee7][code:1:b4192d8ee7]parent.getElementById('blaat').style.overvlow-x="hidden"[/code:1:b4192d8ee7]Wat doe ik fout?
Link naar reactie
[quote:526ecbad61="MichielPH"][code:1:526ecbad61]parent.getElementById('blaat').style.overvlow-x="hidden"[/code:1:526ecbad61]Wat doe ik fout?[/quote:526ecbad61] Vrij veel ;) Je gooit een aantal zaken door elkaar. [b:526ecbad61]getElementById()[/b:526ecbad61] is een method van een document object en [b:526ecbad61]parent[/b:526ecbad61] is in deze context een verwijzing naar een window object. Verder kan [b:526ecbad61]overflow-x[/b:526ecbad61] (het typfoutje negeren we dan maar even) natuurlijk nooit een correcte property zijn (hoe zo je anders de waarde [i:526ecbad61]x[/i:526ecbad61] van de property [i:526ecbad61]overflow [/i:526ecbad61]willen aftrekken ;) . Het voorbeeldje wat ik gaf werkt op het body element [b:526ecbad61]in[/b:526ecbad61] een frame. Dus als je het fotomenu wel of niet wil laten scrollen dan voeg je de code toe aan [i:526ecbad61]menu.htm[/i:526ecbad61]. De [i:526ecbad61]overflow-x[/i:526ecbad61] css property zal waarschijnlijk [i:526ecbad61]overflowX[/i:526ecbad61] zijn in javascript (maar dat moet je maar even opzoeken op internet).
Link naar reactie
Annie bedankt, maar ik wil het weer veels te moeilijk doen. Ik heb in het document wat in het frame geladen wordt nu dit staan en het werkt perfect:[code:1:fdff8e3d62]html { overflow-x: hidden; overflow-y: auto; } [/code:1:fdff8e3d62] Hier heb ik het gebruikt: http://members.home.nl/margreet25/2/ en klik op foto's
Link naar reactie
[quote:2d4207de61="Annie"][b:2d4207de61]parent[/b:2d4207de61] is in deze context een verwijzing naar een window object.[/quote:2d4207de61]Ik gebruik 'parent' ook als ik naar een functie in de frameset verwijs. Klopt dit dan wel? Het werkt [i:2d4207de61]bij mij[/i:2d4207de61] wel.[quote:2d4207de61="Annie"]Verder kan [b:2d4207de61]overflow-x[/b:2d4207de61] natuurlijk nooit een correcte property zijn (hoe zo je anders de waarde [i:2d4207de61]x[/i:2d4207de61] van de property [i:2d4207de61]overflow [/i:2d4207de61]willen aftrekken ;)[/quote:2d4207de61]Enkele voorbeelden van prpoerty's die dreamweaver geeft in een een lijstje: background-attachment, border-bottom-color, caption-side, z-index, word-spacing. leg uit..
Link naar reactie
[quote:1d478bdb60="MichielPH"]Ik gebruik 'parent' ook als ik naar een functie in de frameset verwijs. Klopt dit dan wel? Het werkt [i:1d478bdb60]bij mij[/i:1d478bdb60] wel. [/quote:1d478bdb60] Eigen functies vallen ook binnen de 'scope' van een window object, dus dat klopt. Even een voorbeeldje van een js functie die ook rechtstreeks onder het window object 'valt': [code:1:1d478bdb60] <script type="text/javascript"> /* de normaalste zaak van de wereld */ alert('1'); /* en zo schrijven we 'm eigenlijk volledig uit (zonder specifieke verwijzing, zoals hierboven, wordt het window als default context aangenomen) */ window.alert('2'); /* en aangezien self een synoniem is voor window werkt dit ook */ self.alert('3'); /* en je kan dus ook leuke dingen als onderstaande doen */ var funcnaam = 'alert'; window[funcnaam]('4'); </script> [/code:1:1d478bdb60] Om het verhaaltje compleet te maken: document is een property van het/een window object en getElementById is weer een method van een document. Dus: [color=darkred:1d478bdb60]parent.frames['framenaam'].document.getElementById(id)[/color:1d478bdb60] zou dus een verwijzing zijn naar het element in een ander frame. [quote:1d478bdb60="MichielPH"]Enkele voorbeelden van prpoerty's die dreamweaver geeft in een een lijstje: background-attachment, border-bottom-color, caption-side, z-index, word-spacing. leg uit..[/quote:1d478bdb60] Ik had het over de javascript equivalenten van CSS properties.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...