sätta onMouseOver i funktion

Hej! :)

Kan man göra på något annat sätt för att uppnå samma resultat som den här koden:

Response.write "<tr onMouseOver=""this.style.backgroundColor='#D3DEF8';"" onMouseOut=""this.style.backgroundColor='';"" bgcolor=""" & bgcolor & """>

skulle vilja få bort onMouseOver=.... tycker det blir klumpigt att ha det i koden...

Kan man lägga det som en funktion istället? i så fall hur?

Mvh
henrik

Hej!

Du vill alltså inte ha med onmouseover-attributet ö.h.t (ej onmouseover="f(...)" heller)? Då kan du sätta ett id på <tr> och använda getElementById:

function initTRs(){
  // id på de element funktionen skall gälla för
  var ids = ["tr1"],
      len = ids.length;

  while (len--){
    var elm = document.getElementById(ids[len]);

    elm.onmouseover = function(){
      this.style.backgroundColor = "#d3def8";
    }

    elm.onmouseout = function(){
      this.style.backgroundColor = "[i]färgkod[/i]";
    }
  }
}

window.onload = function(){
  initTRs();
}

<tr id="tr1"...

:)

Fantastiskt....

Tänk vad man kan göra... om man bara vet hur.... :)

Tackar!

Mvh
henrik

En lite kompletterande fråga bara .... ;)

Kan man använda sig av detta även när man skriver ut html med response.write.

response.write "<tr id=""tr1""..."

Mvh
henrik

Givetvis! :)

just det.... :)