Tabellenzeile farbig hervorheben bei Mouseover

[blumi]

Ich würde gerne in einer Tabelle die ganze Zeile farbig hervorheben wenn man mit der Maus drüber fährt. Wie bei phpmyadmin.

Dachte eigentlich an eine CSS Lösung, gibt es da was brauchbares oder doch lieber mit JS?

Danke

[jahlives]

Also wenn du es bei mouseover willst, dann gehts nur mit JS CSS Lösungen mit :hover haben das Problem, dass der IE bis und mit Version 6 den hover nur bei Links interpretiert hat.

Gruss

tobi

[blumi]

Muss kein JS sein, wie geht das mit CSS genau.
Habe mal etwas gegoogelt und so etwas gefunden:

td:hover {background-color:green;}

Damit werden ja alle Zellen eingefärbt.
Wie muss ich bestimmte td Zellen formatieren damit nur diese eingefärbt werden.

Arbeite mit einer externen css Datei.

Danke

[jahlives]

Wie muss ich bestimmte td Zellen formatieren damit nur diese eingefärbt werden.

Mit Klassen oder ids, ganz wie es dir beliebt. Aber wie gesagt, dann ist nix IE <= 6

Gruss

tobi

[blumi]

Habe was gefunden mit JS was mir doch ganz gut passt.

<tr bgcolor="lightgrey" onMouseOver="this.bgColor='moccasin';" onMouseOut="this.bgColor='lightgrey';">

Wenn es was besseres gibt, dann bitte melden.

[prego]

Geht komplett ohne JS - hab das ganze vor fast 1,5 Jahren mal ordentlich aufgeschrieben, inkl Beispiel. Für den IE muss nur das beschrieben hover.htc an das body-tag per Behavior geklebt werden. Das .htc ist JS was aber nur für den IE6 zum tragen kommt, also auf conditional comments achten.


http://www.triebschicht.de/item/23/


Beispiel: http://www.triebschicht.de/spielwiese/tr_hover.html - da einfach mal in den Quellcode schauen...