[JS] Mouseover andere TD BG veranderen

[bas.kb]

Ik heb een HTML tabel met een rowspan erin. Op de TR zit een onmouseover die de achtergrond kleur verandert, alleen verkleurt dan alleen de 1e rij die naast die rowspan zit. Ik wil ook dat de tweede rij meekleurt, maar krijg dit niet voor elkaar.

code:

<table name="table" border="0">
  <tr id="1" onmouseover="this.style.background='#000000'; this.table.tr[2].style.background='#000000';" 
        onmouseout="this.style.background='#FFFFFF'">       
    <td rowspan="2">test1</td>
    <td>test2</td>
    <td>test3</td>
  </tr>
  <tr id="2">
    <td>test4</td>
    <td>test5</td>
  </tr>

Ik wil graag dat test cel 4 en 5 meekleuren.

Ik krijg hierbij een javascript foutmelding. Wat doe ik fout?

[ Voor 11% gewijzigd door bas.kb op 23-10-2006 13:39 ]

[crisp]

ten eerste mag een ID niet beginnen met een cijfer, en ten tweede moet je document.getElementById gebruiken om een element met een bepaald ID 'op te zoeken' (zeker als het ook nog in non-IE browsers moet werken).
In dit geval zou ik echter eerder gebruik maken van de table.rows collectie en rowIndex

JavaScript:

this.parentNode.rows[this.rowIndex+1].style.background='#000';

[ Voor 12% gewijzigd door crisp op 23-10-2006 13:47 ]

[bas.kb]

Hoppa. Het werkt.

Dank je wel