Hvis du vil have super enkel html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/REC-html40/strict.dtd"><html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>
<style type="text/css">
td { border: 4px solid red; background-color: #C4C0D8; color: black; }
</style>
<script type="text/javascript">
function mOver(oObject) {
if(oObject.tagName=="TD") {
var a=0; oCell=new Array();
for(i=0; i<oObject.parentNode.childNodes.length; i++) {
if(oObject.parentNode.childNodes[i].tagName=="TD") {
oCell[a]=oObject.parentNode.childNodes[i]; a++; } }
oCell[0].style.borderColor="blue";
oCell[1].style.backgroundColor="green";
oCell[2].style.borderColor="blue"; } }
function mOut(oObject) {
if(oObject.tagName=="TD") {
var a=0; oCell=new Array();
for(i=0; i<oObject.parentNode.childNodes.length; i++) {
if(oObject.parentNode.childNodes[i].tagName=="TD") {
oCell[a]=oObject.parentNode.childNodes[i]; a++; } }
oCell[0].style.borderColor="red";
oCell[1].style.backgroundColor="#C4C0D8";
oCell[2].style.borderColor="red"; } }
</script>
</head>
<body>
<table onmouseover="mOver(event.target?event.target:event.srcElement);" onmouseout="mOut(event.target?event.target:event.srcElement);">
<tr>
<td>Pkt 1A</td>
<td>Pkt 1B</td>
<td>Pkt 1C</td>
</tr><tr>
<td>Pkt 2A</td>
<td>Pkt 2B</td>
<td>Pkt 2C</td>
</tr><tr>
<td>Pkt 3A</td>
<td>Pkt 3B</td>
<td>Pkt 3C</td>
</tr>
</table>
</body>
</html>
Mvh. Johan
