Entweder gibst du dem Element per CSS "display:none" mit - dann wird es definitiv nicht angezeigt - , oder du setzt den code aus "onload" in einen <script>-Tag direkt unter das Menu - dann wird die Verzögerung auf jeden Fall geringer.
Hallo liebe TPler,
ich habe für einen Kunden eine Navigation in einem Wordpress Blog entworfen. Bei 2 Menüpunkten werden nach Klick Untermenüpunkte aufgerufen. Funktioniert auch alles wunderbar! Funktioniert wie folgt:
Die Menus sind wie folgt aufgebaut:Code:<script type="text/javascript"> <!-- function switchMenu(obj) { var el = document.getElementById(obj); if ( el.style.display != "none" ) { el.style.display = 'none'; } else { el.style.display = ''; } } function hide(){ document.getElementById("menu1").style.display='none'; document.getElementById("menu2").style.display='none'; } //--> </script> <body onLoad="hide();">
Problematisch ist allerdings, das das Verstecken der Div Container welche die Unterpunkte enthalten bei Onload so extrem verzögert passiert. Man sieht beim Laden der Seite bestimmt 5 Sekunden die Unterpunkte, bis sich diese 'verstecken'. Das sieht sehr unschön aus ...Code:<a onClick="switchMenu('menu1');" title="menu1"><img src="bild.jpg" border="0"/></a> <div id="menu1"> <div id="menupunkte"> Unterpunkt 1 Unterpunkt 2 </div> </div>
Gibt es eine Möglichkeit die Container als Eigenschaft zu verstecken bzw. einen Trick das dieses verzögerte Verstecken beschleunigt.
Hoffe auf hilfreiche Tips - Danke und Gruss
Stefan
Entweder gibst du dem Element per CSS "display:none" mit - dann wird es definitiv nicht angezeigt - , oder du setzt den code aus "onload" in einen <script>-Tag direkt unter das Menu - dann wird die Verzögerung auf jeden Fall geringer.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)