Mathias Beyer: onMouseOver klappt nicht

Beitrag lesen

Hallo,

ich hab da wieder einmal ein Problem. Die Website ist eigentlich fertig noch dieser verflickste onMouseOver funktioniert nicht. Ich habein mit Button

versehenes Hauptmenue und entsprechende Untermenues gestaltet. Die Submenues ärgern mich. Wenn ich mit der Maus auf ein Hauptmenue Button fahre verändert

sich das image und gib mit dem attribut visibility ein untermenue frei mit visible. Die Funktion die ich aufgeführt habe habe ich aus einem ausschnitt einem

Untermenue. Die funktionen hover(x) ist die Haupmenue funktion, Die funktionen fon RubA bis RubE sind die Subnavigation. Wenn ich auf eines dieser Untermenue

Buttons mit der Maus fahre passiert nichts. Warum??? Kann mir jemand helfen. Wäre echt dankbar dafür. Ich hoffe ihr könnt mir helfen.

function rubA(rub1) {
   if (rub1 == 1) {
      document.getElementByID("rubA1").innerHTML = '<img src="../images/s_ufo_h.gif" height="60" width="60">';
      document.getElementByID("rubB1").innerHTML = '<img src="../images/s_adv.gif" height="60" width="60">';
      document.getElementByID("rubB2").innerHTML = '<img src="../images/s_akt.gif" height="60" width="60">';
      document.getElementByID("rubB3").innerHTML = '<img src="../images/s_press.gif" height="60" width="60">';

document.getElementByID("rubC1").innerHTML = '<img src="../images/s_fer.gif" height="60" width="60">';
      document.getElementByID("rubC2").innerHTML = '<img src="../images/s_lau.gif" height="60" width="60">';

document.getElementByID("rubD1").innerHTML = '<img src="../images/s_foto.gif" height="60" width="60">';
      document.getElementByID("rubD2").innerHTML = '<img src="../images/s_klim.gif" height="60" width="60">';

document.getElementByID("rubE1").innerHTML = '<img src="../images/s_news.gif" height="60" width="60">';
      };
   };

<div id="rubA" style="position: absolute; top: -290; left: -430; width: 220; height: 100; visibility: hidden;">

<div style="position: absolute; top: 40; left: 150; width: 60; height: 60;" align="center" valign="middle">
      <a id="rubA1"
       onMouseOver="rubA(1);"
       href="kontakt.htm">
      <img src="../images/s_ufo.gif" height="60" width="60"></a>
   </div>

</div>