Hallo!
Ich habe mit Javascript einen Mouseover-Effekter für ein Menu programmiert, so daß beim "Reinfahren" mit der Maus in einen Menupunkt ein Untermenu eingeblendet wird, daß über CSS mit display:none ausgeblendet war. Dieses Ein- und Ausblenden wird dabei via Javascript über dynamisches Umsetzen der Klasse realisiert. Funktioniert super in MSIE und Mozilla/NN6+, leider aber überhaupt nicht in Opera 6.04. Woran liegt das?
Tschau,
apstrakt
PS. Hier noch die entscheidenden Code-Fragmente:
im HTML-Code steht etwa das hier:
<div id="menu1" class="menuLevel1">
<a href="..." onMouseover="menuEinblenden('menu1x1')">...</a>
<div id="menu1x1" class="menuLevel2">
...
</div>
...
</div>
CSS:
.menuLevel2 {
display:none;
}
.menuLevel2eingeblendet {
display:block;
...
}
JS:
function menuEinblenden(menuID) {
var e = document.getElementById(menuID);
if (e.className.indexOf("eingeblendet")!=-1) return; // da das Untermenu bereits eingeblendet
e.className += "eingeblendet";
}