Axel Richter: Tabellen-Zeile und hover

Beitrag lesen

Hallo,

ich bin mir irgendwie nicht ganz schlüssig, welche Methode ich anwenden soll, um Tabellenzeilen beim drüberfahren mit der Maus mit eine andere  Hintergrundfarbe zu verpassen.

Das schönste wäre ja classname.tr:hover,

Also, Andreas mag mich korrigieren, aber das sollte tr.classname:hover heißen.

eine wirklich feine Sache im Mozilla, aber der IE kann das noch nicht, also komme ich wohl um Javascript nicht herum. Hier habe ich aber ein paar Fragen:

Aber das ist doof da ich nicht so ohne weiteres mal eben die Farbe überall ändern kann, also eine Mixtur aus CSS und Javascript habe ich gedacht.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function trhover(tr, status) {
  (status)?tr.style.backgroundColor="red":tr.style.backgroundColor="transparent";
}
//-->
</script>
<noscript></noscript>
</head>
<body>
<table width="300" border="1">
<tr onmouseover="trhover(this,true);" onmouseout="trhover(this,false);">
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
<tr onmouseover="trhover(this,true);" onmouseout="trhover(this,false);">
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
</table>
</body>
</html>

Opera 6.x kann nicht auf "transparent" zurücksetzten.

viele Grüße

Axel