Michi: hintergrundfarbe ändern bei onmouseover

Beitrag lesen

Hallo.

Du kannst die Eventhandler dynamisch beim Laden der Seite zuweisen (<body onload="dynevhandl()" ...>).

In der Funktion dynevhandl() weist Du dann jedem Element die Evhandler zu:

function dynevhandl()  {
 var tabellen = document.getElementsByTagName("TABLE");
 for (var i=0; i<tabellen.length; i++)  {
  var trs = tabellen[i].getElementsByTagName("TR");
   for (var j=0; j<trs.length; j++)  {
    trs[j].onmouseover = function(e){hebhervor(this)};
    trs[j].onmouseout = function(e){endehebhervor(this)};
   }
 }
}

Jetzt haben alle tr Deines Dokuments die beiden Handler die die Funktionen hebhervor() und endeHebhervor() aufrufen.
Nun fügst Du noch die beiden Funktionen hinzu und fertig:
function hebhervor(wo)  {
 wo.style.backgroundColor="#E1E1FF";
}
function endehebhervor(wo)  {
 wo.style.background="none";
}

Viele Grüße

Michael