Table-Ruler mit Javascript???

[jules_twist]

Hallo,

ich habe hier einen "Table-Ruler" mit CSS/Liste erstellt.

Strategien sichtbar machen - FORMGUT

Er soll folgendermaßen funktionieren:

(1) Die Kopfzeile soll nicht als "Link/Mouse-Over" funktionieren.

2) Die Zeilen 1+2+3 (Biodata, Umwelt..., Staatsorch..) sollen als LINK
funktionieren. Wenn man über eine Zeile mit der Maus fährt, SOLL DIE
GANZE ZEILE DIE FARBE WECHSELN --> Es soll ohne - WIE BISHER -
"Text-HYPERLINK" funktionieren. Alle drei Spalten sollen GLEICHZEITIG die
Farbe wecheln und der entsprechende Text soll INVERTIEREN!

Muss man dazu Java-Script und DIVs benutzen?
Hat jemand eine Idee

Einer der CSS-Dateien:
http://www.formgut.de/probleml%F6ser/projekt.css

 

[bubu-der-uhu]

Hallo!

Ja, da must du Javascript einsetzen, sonst funktioniert es im IE nicht da dieser "Hover" nur auf Links anwenden kann.

Jedes <tr> (=ZEILE) welches die Farbe ändernsoll schreibst du so:
<tr onMouseOver="this.style.backgroundColor='#EFEFEF'" onMouseOut="this.style.backgroundColor='#FFFFFF'">

dann hovert die ganze Zeile

wenn du dann auch noch willst das beim klicken eine Seite aufgemacht werden soll packst du noch;

onClick="document.location.href='deine Seite'" rein.

wenns nicht hovern soll lasst du das Zeugs natürlich raus... und vergiss nicht das hovern aus der Css Datei rauszunehmen.

Ciao, bubu