Danke für die Antworten!
warum gibst du nicht einfach deinen TR-Elementen onmouseover eine neue Klasse (entziehst sie wieder onmouseout) und gibst über dein Stylesheet mit dem den Nachfahrensselektor deren Kindern, egal ob TH- oder TD-Elementen die gewünschte Farbe?
@Gernot
Wäre eine Möglichkeit. Aber die Funktion soll auf alle Tabellen anwendbar sein. Sprich: es gibt mehrere Hintergrundfarben. und mit dieser Funktion wird die Hintergrundfarbe einfach um rgb(20,20,20) abgedunkelt und wieder aufgehellt.
@Rouven
function setRowPointer(obj, io) {
was ist hier der Einstiegspunkt? Vielleicht ein tbody, was für th ein thead sein müsste?
Weiß nicht genau was du damit meinst. Das th-Element beziht sich auf die Zeile und auch ohne tbody funktioniert es nicht. Die Tabellenstruktur ist so:
<table ... rules="groups">
<caption>...</caption>
<colgroup><col width="0*" /><col width="100%" /></colgroup>
<tbody>
<tr onmouseover="javascript: setRowPointer(this, 1);" onmouseout="javascript: setRowPointer(this, 0);">
<th ... scope="row">...</th>
<td>...</td>
</tr>
</tbody>
</table>