Skift baggrunds farve ved mouseover

du kunne prøve med noget ala:

<script type="text/javascript">
function skift(id,mycolor){
  document.getElementById(id).style.backgroundColor = mycolor;
}
</script>
<table>
<tr>
<td onmouseover="skift('c2','#ff0000');" onmouseout="skift('c2','');">1</td>
</tr>
<tr>
<td id="c2">2</td>
</tr>
</table>

/psc

Ja det er perfekt :)

Men hvad hvis jeg vil have flere ? - og ja jeg vedd at jeg bare kan koiere det, men jeg forstår intet af den kode som står under <script type="text/javascript"> ... </style> da jeg intet aner om javascript overhovedet. Kan du gøre sådan så der kommer 7 felter frem, også 7 andre som farven skifter på, hvis du forstår ? altså ialt 14 felter.

Og læg også et svar! :)

God jul

Har lige selv prøvet, det virker, men er der en lettere måde:

<script type="text/javascript">
function skift(id,mycolor){
  document.getElementById(id).style.backgroundColor = mycolor;
}
</script>
<table border="1">
<tr>
<td onmouseover="skift('c1','#ff0000');" onmouseout="skift('c1','');">1</td>
<td onmouseover="skift('c2','#ff0000');" onmouseout="skift('c2','');">2</td>
<td onmouseover="skift('c3','#ff0000');" onmouseout="skift('c3','');">3</td>
<td onmouseover="skift('c4','#ff0000');" onmouseout="skift('c4','');">4</td>
<td onmouseover="skift('c5','#ff0000');" onmouseout="skift('c5','');">5</td>
<td onmouseover="skift('c6','#ff0000');" onmouseout="skift('c6','');">6</td>
<td onmouseover="skift('c7','#ff0000');" onmouseout="skift('c7','');">7</td>
</tr>
<tr>
<td id="c1">1</td>
<td id="c2">2</td>
<td id="c3">3</td>
<td id="c4">4</td>
<td id="c5">5</td>
<td id="c6">6</td>
<td id="c7">7</td>
</tr>
</table>

Vil du ikke have point ?

Hvis der er et bestemt forhold mellem de to elementer, ville man godt kunne lave noget i script-koden, der fangede det forhold, men det er forholdsvis besværligt, så umiddelbart ville jeg gå efter id-tingen !-)

det tager jeg som et nej