OnMouseOver event der skifter baggrundsfarve.

<script type="text/javascript">
function ChangeColor(element) {
document.getElementById(element).style.background = 'black';
}
</script>

<table>
    <tr>
          <td id="atd" onmouseover="ChangeColor('atd')">Tekst</td>
    </tr>
</table>

schaefner >> Jeg får en fejl: Object required i linien:

document.getElementById(element).style.background = 'black';

så er det heøjst sandsynlig fordi du kalder dem noget forskellig. F.eks hvis du gøre sådan her:
<td id="ad" onmouseover="ChangeColor('atd')">Tekst</td>
Så får du den fejl.

Sorry schaefner - jeg havde skrevet name="atd" istedet for id="atd".

Tak for hjælpen :-)

...Og vil du komme med en besvarelse.

Du kan også gøre sådan, så slipper du for selv at skrive id'en på cellen:

<script type="text/javascript">
function ChangeColor(element) {
    document.getElementById(element).style.background = '#FF00FF';
}
</script>

<table border="1" cellpadding="5"><tr>
<td id="atd" onmouseover="ChangeColor(this.id)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td id="ate" onmouseover="ChangeColor(this.id)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td id="atf" onmouseover="ChangeColor(this.id)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td id="atg" onmouseover="ChangeColor(this.id)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr></table>

gør sådan istedet

<script type="text/javascript">
function ChangeColor(element) {
document.getElementById(element).style.background = 'black';
}
</script>

<table>
    <tr>
          <td id="atd" onmouseover="ChangeColor(this)">Tekst</td>
    </tr>
</table>

ups så forkert...
sådan her da
<script type="text/javascript">
function ChangeColor(element) {
element.style.background = 'black';
}
</script>

<table>
    <tr>
          <td onmouseover="ChangeColor(this)">Tekst</td>
    </tr>
</table>