nicht angemeldet
Hallo zusammen,
ich habe ein Klappmenü mit CSS und HTML erstellt, wie es auch in selfHTML nachzulesen ist. Mit <li> und <ul> Listen und den Zeilen:
/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#menu li>ul {
display: none; top: 1.6em;
}
ul#menu li:hover>ul, ul#menu li>a#aktuell+ul {
display: block;}
in der CSS-Datei. Das funktioniert auch klasse in Mozilla und Co.
Aber wer spielt wieder die Extra-Wurst? Der IE.
Für den Internet Explorer habe ich also ein Javascript eingebunden.
Dies sieht so aus:
<!--[if IE]>
<script type="text/javascript">
var menu = document.getElementById("menu").getElementsByTagName("ul");
for (i=0;i<menu.length;i++) {
menu[i].setAttribute("id","menu"+i)
if (menu[i].parentNode.nodeName == "LI") {
menu[i].parentNode.onmouseover = function () {
this.lastChild.style.display = "block";
}
menu[i].parentNode.onmouseout = function () {
this.lastChild.style.display = "none";
}
}
}
</script>
<![endif]-->
Lädt man nun die HTML-Seite neu (z.B. klickt im Menü die Rubriken durch), so ist das Klappmenü jedes Mal komplett aufgeklappt.
Erst wenn man mit der Maus drüber fährt und alle Rubriken wieder zu sind, kann man die Rubriken einzeln, wie gewünscht öffnen.
Das Problem taucht jeweils nur beim Neuladen der Seite auf.
Das sieht jedoch unschön aus. Es soll sich erst aufklappen, wenn ich mit der Maus über meine gewünschte Rubrik fahre.
Ich würde mich sehr freuen, wenn jemand mir einen Rat geben könnte oder sogar auf anhieb den Fehler erkennt.
Liebe Grüße
Kristin