hg-farbe und schriftfarbe ändern mit funktion?

[~fUnNyFrIsCh~]

hi

also ich hab folgendes problem: ich will bei einer tabelle die verschiedenen zellen ändern, bei nem mouseover und mouseout.
nun hab ich mit hilfe von selfhtml folgende funktion gebastelt:

function kastlIn() {
this.style.backgroundColor = "#cce033";
this.style.color = "#006600";
}

function kastlOut() {
this.style.backgroundColor = "#cccc33";
this.style.color = "#cccc33";
}

die zellen sehen dann folgendermassen aus:

<td class="navtd" onmouseover="kastlIn()" onmouseout="kastlOut()">

nur funktioniert das nicht ganz. wenn ich die zellen änder, so dass sie so aussehen:

<td class="navtd" onmouseover="this.style.backgroundColor='#cce033'" onmouseout="this.style.backgroundColor='#cccc33'">

funktioniert das. aber ich hätt das ganze halt gern in einer funktion.

kann mir da wer helfen?

danke, cya
funny

 

[Fabian H]

<!-- Das Script kommt in den Header: -->
<script type="text/javascipt">
function mover( oid ) { window.document.getElementById(oid).style.backgroundColor = "#cce033"; }

function mout( oid ) { window.document.getElementById(oid).style.backgroundColor = "#cccc33"; }
</script>

..

<!-- Das hier widerrum in den Body: -->
<div class="bla" id="kasten1" onMouseOver="mover('kasten1')" onMouseOut="mout('kasten1')">bla</div>

Beachte, dass die ID eindeutig sein muss.

 

[~fUnNyFrIsCh~]

funktioniert. dankdir!

 

[~fUnNyFrIsCh~]

ich hab da noch ne frage: geht dass, das ich mehrere zellen, die alle die selbe id haben zugleich änder?

 

[Fabian H]

Ja, es gibt nichts, was dem wiedersprechen würde, abba es ist (besonders in Verbindung mit DHTML) schlechter Stil, mehrere gleiche IDs zu verwenden.