[Layers] show/hide met vertraging

[TheLemon]

Ik ben een menuutje aan het maken met submenu's dmv verborgen layers. In Dreamweaver zit een standaard java-functie die MM_ShowHideLayers heet en die kan instant layers visible of hidden maken, werkt op zich prima, maar:
Dit wil ik graag met een vertraging laten gebeuren (zowel show als hide) van bijv. 500 miliseconden. Ik heb gegoogled, gesearched, javascript sites afgestruind, de reference van Dreamweaver gezocht, maar kom er niet uit.

Voor een indruk van het effect dat ik wil bereiken, kijk hier, en dan het menu linksboven bij 'Resources', 'support'. (ik doe het natuurlijk niet zo schmoove met die schaduwen).

[Verwijderd]

setTimeout(MM_ShowHideLayers(), 500);

En die schaduw is gewoon een bordertje

border-color: kleurlinks kleurboven kleurrechts kleuronder;

[ Voor 60% gewijzigd door Verwijderd op 22-04-2003 15:03 ]

[Pelle]

Fout; er moeten quotes om de functienaam heen.

[TheLemon]

Ehm, ik heb de volgende regel:

code:

setTimeout("MM_showHideLayers()", 5000);

tussen de <script> tags gezet, na de definitie van de functie MM_showHideLayers, maar er gebeurt niks, hij doet het gewoon nog zonder vertraging. Waar moet ik dit scriptje precies neerzetten?

En over die schaduw: hoe krijgen ze hem half transparant dan?

[Bosmonster]

Misschien is jouw definitie van vertraging iets anders dan de onze Wat setTimeout doet is simpelweg de functie 'uitstellen'. Dus hij wordt 5 seconden na de aanroep uitgevoerd.

Misschien bedoel jij meer iets van een fade?

[GrimaceODespair]

TheLemon schreef op 22 April 2003 @ 16:04:

code:

setTimeout("MM_showHideLayers()", 5000);

Klopt nog niet: ronde haken moeten weg na showHideLayers.

[Verwijderd]

Verwijderd schreef op 22 April 2003 @ 15:02:
En die schaduw is gewoon een bordertje
border-color: kleurlinks kleurboven kleurrechts kleuronder;

Nou nee hoor. Zeg maar gerust een tweede layer die, hoe gekker hoe mooier bij Bill, zelfs halftransparant is...
Maar goed, je kan de illusie wekken met een border, urRight!

[TheLemon]

Bosmonster, ik bedoel inderdaad gewoon uitstellen, maar helaas, het werkt nog niet na het weghalen van die haken. Ik heb de regel ook geprobeerd bij de aanroep van de functie, dus:

code:

<a href="javascript:;" setTimeout("MM_showHideLayers", 5000); onMouseOver="MM_showHideLayers('l1','','show')">

, maar hij verschijnt gewoon instant.
Wat me verder opvalt is dat de functie MM_showHideLayers drie argumenten kan meekrijgen, de middelste wordt niet gebruikt, waar is die voor? (zie code hierboven)

[Verwijderd]

wat is dit nu? geen html in elk geval

HTML:

<a href="#" onMouseOver="setTimeout('MM_showHideLayers(\'1\',\'\',\'show\')',500);">

[ Voor 53% gewijzigd door Verwijderd op 22-04-2003 17:04 ]

[TheLemon]

Ok, het werkt eindelijk met bovenstaande code, thanx.
Die backslash voor elke ' , waarvoor is dat precies, om aan te geven dat het parameters zijn die bij de binnenste functie horen en niet die daarbuiten? Ben een behoorlijke script-n00b.
Trouwens, dat "javascript:;" bij de href maakt Dreamweaver er altijd van, maar dat werkt ook gewoon hetzelfde als die #.
Die geile schaduw ga ik misschien later toch maar ff erbij maken, ik ben iig erg blij dat dit nu werkt. Het is namelijk onwerkbaar als die layers te snel weer verdwijnen als je ook maar 1 pixel buiten het gebied komt van het submenu.

[Verwijderd]

backslashes voor die ' is om ze te escapen, anders denkt de settimeout functie dat de string waarin de functienaam staat is afgelopen en dat moet dus niet, vandaar (eventueel had je ook " kunnen gebruiken, maar dan loopt het fout omdat je die ook al eens gebruikt had)

[beetle71]

Verwijderd schreef op 22 April 2003 @ 17:03:
wat is dit nu? geen html in elk geval

HTML:

<a href="#" onMouseOver="setTimeout('MM_showHideLayers(\'1\',\'\',\'show\')',500);">

Macromedia doet dat (href="#") niet zomaar... (maar alleen nog steeds niet goed moet namelijk zijn: javascript:void(0);
Want het is handig om ipv

code:

<a href="#".....

code:

<a href="javascript:void(0);".......

te zetten. Met het # heb je op langere pagina's (lees pagina's die scrollen) het probleem dat de pagina steeds naar #top springt nadat je de href geklikt hebt!..

[ Voor 56% gewijzigd door beetle71 op 22-04-2003 17:56 ]