nicht angemeldet
Hallo,
ich habe da ein Problem. Ich habe mehrere Td's in einigen Tabellen, und nun möchte ich bei allen die Hintergrundfarbe ändern wenn ich mit der Maus drüber fahre.
Meine Versuche sehen so aus:
function highlight(mytd)
{
var alltd = document.getElementById("mentd");
var x = alltd.length;
for(i=0; i < x; i++)
{
document.getElementById("mentd").style.backgroundColor= "white";
}
}
.
..
<td id="mentd" onmouseover="highlight(this)">
<a class="menu" href="home.html" onfocus="this.blur()">Home</a>
</td>
<td id="mentd" onmouseover="highlight(this)">
<a class="menu" href="home2.html" onfocus="this.blur()">Home2</a>
</td>
<td id="mentd" onmouseover="highlight(this)">
<a class="menu" href="home3.html" onfocus="this.blur()">Home3</a>
</td>
Das funktioniert so aber nicht. Zuerst habe ich Probleme bei der Ermittlung der Länge des element Arrays. Was mache ich da falsch?
Und dann, wie durchlaufe ich diese Elemente und weise ihnen die Farbe zu?
Danke schon mal für eure Hilfe.