<html>
<head>
<title>Cel veranderen als je over een andere cel gaat.</title>
<style type="text/css">
td {
cursor:hand;
}
</style>
<script language="javascript" type="text/javascript">
<!--
function changeBackground(id,col) {
d = document.getElementById("cel" + id).style;
d.background = col;
if (col) {
d.color = "#ffffff";
} else {
d.color = "#000000";
};
};
-->
</script>
</head>
<body>
<center>
<table>
<tr><td onMouseOver="changeBackground(2,'#0000bb');" id="cel1" onMouseOut="changeBackground(5,'');">
Cel 1 >> cel 2
</td><td onMouseOver="changeBackground(1,'#0000bb');" id="cel2" onMouseOut="changeBackground(5,'');">
Cel 2 >> cel 1
</td></tr>
<tr><td onMouseOver="changeBackground(4,'#0000bb');" id="cel3" onMouseOut="changeBackground(4,'');">
Cel 3 >> cel 4
</td><td onMouseOver="changeBackground(3,'#0000bb');" id="cel4" onMouseOut="changeBackground(3,'');">
Cel 4 >> cel 3
</td></tr>
<tr><td onMouseOver="changeBackground(6,'#0000bb');" id="cel5" onMouseOut="changeBackground(6,'');">
Cel 5 >> cel 6
</td><td onMouseOver="changeBackground(5,'#0000bb');" id="cel6" onMouseOut="changeBackground(5,'');">
Cel 6 >> cel 5
</td></tr>
<tr><td onMouseOver="changeBackground(8,'#0000bb');" id="cel7" onMouseOut="changeBackground(8,'');">
Cel 7 >> cel 8
</td><td onMouseOver="changeBackground(7,'#0000bb');" id="cel8" onMouseOut="changeBackground(7,'');">
Cel 8 >> cel 7
</td></tr>
</table>
</center>
</body>
</html>