wahsaga: style von td's in funktionen ändern

Beitrag lesen

hi,

<td onMouseover="mselect()">

die funktion sah so aus:

function mselect()
{ this.style.backgroundColor="#666666";}


was passiert?
der browser raunzt mich an: this.style NULL oder kein objekt.

natürlich, this bezieht sich jetzt auf die funktion selber - und die hat ziemlich wenig stil, ähm style.

ok, dann denk ich mir halt, übergebe ich ihm das objekt:

aufruf:
<td id="BLA" onMouseover="mselect(BLA)">

es existiert kein javascript-objekt BLA, nur weil du ein element mit einer ID "BLA" ausgezeichnet hast.

funktion:
function mselect(notthis)
{ notthis.style.backgroundColor="#666666"; }

ergebnis: browser raunzt nicht mehr, aber tut auch nichts wenn ich mit dem cursor über die td geh.

warum übergibst du denn nicht einfach this?
das ist ein javascript-objekt, welches existiert.

onMouseover="deineFunktion(this);"
-> an _dieser_ stelle bezieht sich this auf das element, in dem dieser eventhandler notiert ist.

deineFunktion(objekt) {
  objekt.irgendwas = "jodel";
}

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }