Gunnar Bittersmann: Tabellenzeile mit Javaskript farblich hervorheben

Beitrag lesen

@@Heinrich Krebs:

ich habe eine Seite, auf der eine Deutschlandkarte mit Linkmap ist. Die Links verweisen auf entsprechende Zeilen in einer Tabelle weiter unten auf der Seite, die mit dem <a name="X"> Tag benamt sind.

Nein, das ist völlig unmöglich. 'a' darf weder Kind von 'table' noch von 'tbody' noch von 'tr' sein;

<table>  
  <a name="foo"></a><tr><td>foo</td></tr>  
</table>

ist KEIN gültiges HTML.

Gib stattdessen den Zeilen IDs:

<table>  
  <tr id="foo"><td>foo</td></tr>  
</table>

Ich würde es jetzt aber gerne so einrichten, dass sich immer die zum Link gehörende Zeile der Tabelle verfärbt (Hintergrund gelb), wenn oben der Mauszeiger über den entsprechenden Link fährt.

Also beim 'mouseover'-Event.

Wie kann ich dass erreichen, bzw. wie müsste eine Funktion aussehen, die soetwas kann?

Über 'document.getElementById()' die jeweilige Tabelenzeile ansprechen und über deren 'style'-Objekt die Hintergrundfarbe setzen.

Und nicht vergessen, das bei 'mouseout' wieder rückgängig zu machen.

Live long and prosper,
Gunnar

--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)