Andreas Korthaus: Alle Input-Felder in Tabellenzeile ansprechen

Beitrag lesen

Hi XaraX!

<style type="text/css">
.tr0 > td > input {background:black}
</style>
</head>
<body>
<table>
<tr class="tr0">
  <td><input type="text" name="data[1][1]"></td>
  <td><input type="text" name="data[1][2]"></td>
  <td><input type="text" name="data[1][3]"></td>
</tr>
<tr>
  <td><input type="text" name="data[2][1]"></td>
  <td><input type="text" name="data[2][2]"></td>
  <td><input type="text" name="data[2][3]"></td>
</tr>

Also das wäre wirklich ideal - wenn das denn auch dynamisch per Javascript möglich ist.

<html>
 <head>
        <style type="text/css">
            .hover > td > input {background:black}
            .hover-tr {background:black}
            .normal > td > input {background:green}
            .normal-tr {background:green}
        </style>
 </head>
 <body>
        <form>
            <table cellspacing="0">
                <tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
                   <td><input type="text" name="data[1][1]"></td>
                   <td><input type="text" name="data[1][2]"></td>
                   <td><input type="text" name="data[1][3]"></td>
                </tr>
                <tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
                   <td><input type="text" name="data[2][1]"></td>
                   <td><input type="text" name="data[2][2]"></td>
                   <td><input type="text" name="data[2][3]"></td>
                </tr>
                <tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
                   <td><input type="text" name="data[3][1]"></td>
                   <td><input type="text" name="data[3][2]"></td>
                   <td><input type="text" name="data[3][3]"></td>
                </tr>
            </table>
        </form>
 </body>
</html>

Das funktioniert soweit im Mozilla. Aber leider kümmert sich der IE kein Stück um sowas.

Wie oben gezeigt ist aber genau das was ich suche. Wenn das jetzt im IE 5 gehen würde wäre ich glücklich ;-)

Viele
Grüße
Andreas

--
SELFHTML Feature Artikel: http://aktuell.de.selfhtml.org/artikel/