Onmouseover på én td, får hele tr til at skifte baggrund

Rettelse: document.forms[0].elements[2].. Undskyld.

du kan gøre sådan:

<td onmouseover="this.parentNode.style.backgroundColor='red'" onmouseover="this.parentNode.style.backgroundColor='blue'">txt</td>

du kan oz hente alle tr's ind i et array med:

trArray=document.getElementsByTagName("TR");

Tusind tusind tak, mm12010. Jeg havde kun brug for dit første eksempel, og det virker lige som jeg ville have det.

Smid bare et svar, hvis du vil have points.

selv tak :o)

Lige en ting mere: Hvis nu jeg har en celle til venstre, og jeg gerne vil have noget ændret i cellen til højre (tekstfarve), hvordan kan jeg så gøre det?

<table>
<tr onmouseover="this.style.backgroundColor='#ccc';this.firstChild.style.color='green'" onmouseout="this.style.backgroundColor='#eee';this.firstChild.style.color='black'" style="background-color:#eee;">
<td>Her er en tekst, som skifter farve</td>
<td>Denne tekst skifter ikke farve</td>
</tr>
</table>

Spændende. Hvad så, hvis det er cellen til højre, der har teksten, der skal skifte. Så kan man vel ikke bare lave "firstchild", vel? Er der et array, fx child[], som har alle TD'er under en TR?

- Ja, det var der..

children[], hvis nogen skulle være interesserede.

-- som er ie-only, men du kan bare bruge childNodes, den skulle du overalt !-)

Tusind, tusind, tusind tak.

øhh... er det kun mig der ikke får nogen mails?

Hov! Nej den er da ej! Prøv at se dette eksempel i Mozilla:

<table>
<tr onmouseover="this.style.backgroundColor='#ccc';this.childNodes[1].style.color='green'" onmouseout="this.style.backgroundColor='#eee';this.childNodes[1].style.color='black'" style="background-color:#eee;">
<td>Her er en tekst, som skifter farve</td>
<td>Denne tekst skifter ikke farve</td>
</tr>
</table>

Det er da den venstre, hvis tekstfarve bliver ændret. Hvad er den rigtige løsning?

Noget mærkværdigt noget ...

I andre sammenhænge har IE en ideosynkrasi om at betragte linjeskift i html-kode som noget, når vi kommer til childNodes er det åbenbart Mozilla ,-(

Prøv i een linje:

<table><tr onmouseover="this.style.backgroundColor='#ccc';this.childNodes[1].style.color='yellow'" onmouseout="this.style.backgroundColor='#eee';this.childNodes[1].style.color='black'" style="background-color:#eee;"><td>Denne tekst skifter ikke farve</td><td>Her er en tekst, som skifter farve</td></tr></table>

<table></table> behøver ikke være med, så du kan godt placere dine table-rows hver for sig ...

og så må det vel være childNodes[0] og childNodes[1] i stedet for [1] og [1]

tosse herfra - glem det ;-)

LANGT om længe virker det! Mange tak.

--og det skulle ikke være så svært at smide det som funktion, så du kan have alle dine rækker reagerende, som du vil:

<script type="text/javascript">
function trOver(tr){
  tr.style.backgroundColor='#aaa';
  tr.childNodes[1].style.color='yellow';
}
function trOut(tr,bgcol){
  tr.style.backgroundColor=bgcol;
  tr.childNodes[1].style.color='black';
}
</script>
<table>
<tr onmouseover="trOver(this)" onmouseout="trOut(this,'#eee')" style="background-color:#eee;"><td>Denne tekst skifter ikke farve</td><td>Her er en tekst, som skifter farve</td></tr>
<tr onmouseover="trOver(this)" onmouseout="trOut(this,'#ddd')" style="background-color:#ddd;"><td>Denne tekst skifter ikke farve</td><td>Her er en tekst, som skifter farve</td></tr>
<tr onmouseover="trOver(this)" onmouseout="trOut(this,'#eee')" style="background-color:#eee;"><td>Denne tekst skifter ikke farve</td><td>Her er en tekst, som skifter farve</td></tr>
<tr onmouseover="trOver(this)" onmouseout="trOut(this,'#ddd')" style="background-color:#ddd;"><td>Denne tekst skifter ikke farve</td><td>Her er en tekst, som skifter farve</td></tr>
</table>

- det har jeg gjort. Tusind tak for hjælpen.