td:hover -> tr verändern?

[peterS.]

gruss chrigu,

...
nun möchte ich, wenn man über eine zelle fährt,
dass sich die farbe der ganzen zeile verändert!
wie realisiere ich das?

javascript?

<td class="day" onMouseOver="this.style.backgroundColor='#FF0000';">

vom DOM ausgehend ist "tr" der parent einer "td" -
   also: "this.parentNode.style.backgroundColor";

oder geht das auch in css?

css-freundliche browser unterstuetzen die pseudoklasse
   "hover" auch fuer die html-elemente "tr" bzw. "td" -
   bsp.: "tr:hover {...}";

was aber wiederum die frage aufwirft, warum Du fuer
   Deine js-loesung jeder tabellen-zelle einen event-handler
   mitgeben willst; events werden entsprechend der hirarchie
   von elementen im elementenbaum weitergereicht; fuer Dein
   vorhaben sollte es also genuegen, die mouse-events in der
   tabellen-zeile abzufangen; das sieht uebersichtlicher aus
   und spart zeit und code - bsp.:

<tr onmouseover="this.style.backgroundColor='#ff0000'">

anzeige -

- schau doch mal hier vorbei:
   http://www.pseliger.de/testCases/tableHighlighting.html

so long - peterS. - [e-mail]