Die Hintergrundfarbe einer Zeile ändrn

[PaXy]

Ich habe eine Tabelle mit mehreren Zeilen, am Ende jeder Zeile ist eine checkbox.

Jetzt soll es so sein, wenn der Benutzer eine Checkbox anwählt, dann soll die Hintergrundfarbe der Zeile die dazu sich ändern.

Wie kann man so etwas realisieren? Wie kann man eine bestimmte Zeile ansprechen?

[Kai345]

Moin!

Jetzt soll es so sein, wenn der Benutzer eine Checkbox anwählt, dann soll die Hintergrundfarbe der Zeile die dazu sich ändern.

Wie kann man so etwas realisieren?

Mit dem Style-Objekt

Wie kann man eine bestimmte Zeile ansprechen?

Das wiederum hängt konkret vom verwendeten HTML ab, dazu müsste man den genauen Quelltext (zumindest auszugweise) kennen.

Bei einer üblichen Struktur wäre das z.B.

<table>  
  <tr>  
    <td>irgendwas</td>  
    <td>  
      <!-- Bin mir gerade nicht ganz sicher, ob onchange in allen Browsern funktioniert, evtl. onclick nehmen -->  
      <input type="checkbox" ... onchange="machwas(this)" >  
    </td>  
  </tr>  
  ...  
</table>

und als Javasript

function machwas(obj) {  
  /* obj ist hier das Input-Element, tr liegt zwei Ebenen höher, daher muß zwei Mal parentNode verwendet werden, um <tr> anzusprechen */  
  obj.parentNode.parentNode.style.backgroundColor = "red";  
  
  // evtl. weiterer Code beim Betätigen der Checkbox  
}

Cü,

Kai

[PaXy]

Besten Dank, das ist genau das was ich gesucht habe.