Siegie: Menüsteuerung mit mouseover-effekten & onclick-funktionsaufrufen, IE = OK , NN =

Beitrag lesen

Hallo Forum ...

bin meiner Suchverpflichtung vor Fragestellung nachgegangen, aber nicht
definitiv fündig geworden!

Problem :
Möchte mir eine Menüsteuerung aufbauen , die überwiegend mit dem MOUSEOVER reagiert.
Unter dem IE funkts wunderbar aber mit dem NN gibts mächtige Probleme.

Wie gesagt, bei mouseover soll das Masterimage durch das zugeornete Image ersetzt
werden und zugleich erhält die aktive Tabellenzelle eine andere Hintergrundfarbe.
Die entsprechende Tabellenzelle wird dabei durch die ID (siehe Beispiel) angesprochen.
Bei OnClick sollen nun noch die zugewiesenen Funktionen ausgeführt werden.

Alles OK beim IE, aber wie bringe ich den NN dazu, dasselbe zu machen ?

Bitte um Tips

Gruß Siegie

<script language="JavaScript">
<!--

High0 = new Image();  High0.src = "images/sport.GIF";  /* NormalImage */

High1 = new Image();  High1.src = "images/homepage.gif";
                         High1.idx = "def_idx.htm";
                         High1.dsk = "def_desk.htm";
   High2 = new Image();  High2.src = "images/badminton.gif";
                         High2.idx = "badminton/index.htm";
                         High2.dsk = "badminton/desk_bm.htm";

function Bildwechsel(ImgPosInDoc,ImgObjNr,CellId,ActiveItem) {
  
      curs = false;
      gelb = "#ffff00";
      grun = "#66ff66";
      weis = "";
      grau = "#e5e5e5";
      
      switch(ActiveItem) {
          case 0 : ActiveCol = grau; break;                       /* Item ist inaktiv */
          case 1 : ActiveCol = gelb; curs = true; break;          /* Item ist aktiv */
          case 2 : ActiveCol = grun; curs = true; break;          /* Item Sonderfarbe */
          case 9 : ActiveCol = weis; break;                       /* PageBackgroundCol */
          default: ActiveCol = weis; break;  }

window.document.images[ImgPosInDoc].src = ImgObjNr.src;
      window.document.all[CellId].style.backgroundColor=ActiveCol;
      if (curs) window.document.all[CellId].style.cursor="hand";}

function loadFrames(fstate,ImgObjNr) { /* Index und Desktop laden */
           switch(ImgObjNr) {
             case 1 : Zieli  = High1.idx;  Zield  = High1.dsk;  break;
             case 2 : Zieli  = High2.idx;  Zield  = High2.dsk;  break;
             default : Zieli = "";  Zield = ""; }

if (fstate == "i") parent.frames[1].location.href= Zieli;
          if (fstate == "d") parent.frames[2].location.href= Zield;
          if (fstate == "id") { parent.frames[1].location.href= Zieli;  
                                parent.frames[2].location.href= Zield; }
  }

//-->
</script>

body ....

<tr>
              <td id="Z01" width="166" height="16"
              onmouseover="Bildwechsel(0,High1,'Z01',2)"
              onmouseout="Bildwechsel(0,High0,'Z01',9)"
              onclick="loadFrames('id',1)"><font face="MS Sans Serif" size="1">                             <b>HOMEPAGE</b></font></td>
            </tr>

...

EOF