Claudia: Hintergrundfarbe einer Zelle onmouseover verändern

Hallo,

wie ich im Forum gelesen habe, ist das eine vielgestellte Frage. Ich habe aber noch keine 100% Lösung gefunden.
Bisher klappts im IE und im Netscape6. Der Netscape 4.7 fehlt noch ;o)

Der Code:

function NeueFarbe(Nr1,Nr2,Nr3,tf,farbe)
      {

var TDID, COLtrue=farbe, COLfalse=farbe;
      TDID1="box"+Nr1;
   TDID2="box"+Nr2;
   TDID3="box"+Nr3;

if (document.all && !document.getElementById) // IE 4
      {
      if (tf=="true")
      {
      document.all[TDID1].style.backgroundColor=COLtrue;
   document.all[TDID2].style.backgroundColor=COLtrue;
   document.all[TDID3].style.backgroundColor=COLtrue;
   }
      else
      {
      document.all[TDID1].style.backgroundColor=COLfalse;
   document.all[TDID2].style.backgroundColor=COLfalse;
   document.all[TDID3].style.backgroundColor=COLfalse;
   }
      }

if (document.getElementById) // IE 5.x und NN 6 (Opera, theoretisch ;-)
      {
      if (tf=="true")
      {
      document.getElementById(TDID1).style.backgroundColor=COLtrue;
   document.getElementById(TDID2).style.backgroundColor=COLtrue;
   document.getElementById(TDID3).style.backgroundColor=COLtrue;

}
      else
      {
      document.getElementById(TDID1).style.backgroundColor=COLfalse;
   document.getElementById(TDID2).style.backgroundColor=COLfalse;
   document.getElementById(TDID3).style.backgroundColor=COLfalse;
   }
      }

if (document.layers) // NN 4.x
      {
      if (tf=="true")
      {

document.layers[TDID1].bgColor=COLtrue;
   document.layers[TDID2].bgColor=COLtrue;
   document.layers[TDID3].bgColor=COLtrue;
   }
      else
      {
      document.layers[TDID1].bgColor=COLfalse;
   document.layers[TDID2].bgColor=COLfalse;
   document.layers[TDID3].bgColor=COLfalse;
   }
      }

}

//-->

Der Aufruf im HTML-Teil:

.....
<tr>
<td width="10" class="xi3nav-gr" id="box1> </td>
<td width="7" class="xi3nav-gr" id="box2"> </td>
<td class="xi3nav-gr" height="19" id="box3" nowrap ><a href="#" class="xi3navlink-gr" OnMouseOver="NeueFarbe(1,2,3,'true','#EDEDED')" OnMouseOut="NeueFarbe(1,2,3,'false','#BFBFBF')">NEUANMELDUNG</a></td>
</tr>
.....

Wie gesagt, mir fehlt noch der Netscape 4.7.
Der oben angegebene Code funktioniert nicht.

Vielleicht kann mir jemand helfen?

Gruß und Danke,
Claudia

  1. wie ich im Forum gelesen habe, ist das eine vielgestellte Frage.

    http://dcljs.de/faq/antwort.php?Antwort=dhtml_tabellenhintergrund