apstrakt: Opera 6.04 Rollovereffekt durch className-Wechsel funzt nicht

Beitrag lesen

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";
}