onmouseover

[Kai]

Hallo
ich habe eine Frage zu onmouseover. Im archiv habe ich schon geguckt aber nicht wirklich die richtige Antwort gefunden.

Hier erstmal ein Auszug aus meiner HTML-Datei:

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

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.
vielleicht könnt ihr mir ja sagen, wie das geht.

Danke im Vorraus

[Rainer S.]

Hi,

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.

ich würde da einen ganz anderen Ansatz nehmen:

Einen Hover-Effekt kannst Du nämlich wunderbar mit CSS erreichen, z.B. so:

td       { background-color:#333333; }
td:a:link { color:(gewünschte Farbe des Linktextes in der Tabellenzelle); }
td:hover { background-color:#707070; }
td:hover a:link { color:(gewünschte Farbe bei Überfahren der Tabellenzelle); }
td:hover a:hover { color:(gewünschte Farbe bei Überfahren des Linktextes in der Tabellenzelle); }

Dann wärst Du auch die unglückliche Kombination von Designattributen (background="...") und CSS los.
Wenn Du das nur bei einer bestimmtenTabellenzelle erreichen willst, müßtest Du mit Klassen arbeiten (td class="Klassenname" im HTML, td.Klassenname im Stylesheet).

Schönen Gruß aus Bilk

Rainer

[Kai]

Hallo

danke erstmal für die schnelle Antwort.
Gibt es denn auch eine lösung mit JAVA die ich dann oben in mein Beispiel einbauen kann?

Danke nochmal...ciao

[Utz]

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