Utz: onmouseover

Beitrag lesen

Hallo Kai,

der Hintergrund verändert sich auch wunderbar, nur möchte ich dass sich die Textfarbe auch in ihrer Farbe verändert, allerdings nicht wenn man über den Text fährt, sondern über die Zelle.

Das geht folgendermaßen: <a href="..">...</a> ist das erste Kindelement Deiner Tabellenzelle, in der onmouseover bzw. onmouseout stehen.[1] Du musst auf dieses mit firstChild zugreifen, dann kannst Du wie gewohnt mit style die Schriftfarbe ändern[2].

Insgesamt also so:

<table width="100%" border="0" height="100%" cellspacing="1">
<tr>
<td bgcolor="#333333"
onmouseover="this.style.backgroundColor='#707070'; this.firstChild.style.color='#ffffff';" onmouseout="this.style.backgroundColor='#333333'; this.firstChild.style.color='#000000';"><a href="index.htm">Home</a></td>
</tr>
</table>

Und dann noch ganz wichtig: die Sprache, die Du meinst, heißt JavaScript. Java ist es völlig anderes.

[1] Sofern Du den Zeilenumbruch vor <a> entfernst, sonst wäre nämlich der das erste Kindelement.
[2] Vorausgesetzt natürlich dass der Browser DOM-fähig ist.

Grüße,

Utz