F.eks.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Marker aktuel række</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/797714"><style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#minTabel{border:1px solid green;border-collapse:collapse}
#minTabel tr{background:#345678;}
#minTabel tr.even{background:#789abc;}
#minTabel td{border:1px solid blue;padding:17px;}
</style>
<script type="text/javascript">
//getParent(startElement,"tagName");
function getParent(elm,tN){
var parElm = elm.parentNode;
while(parElm.tagName.toLowerCase() != tN.toLowerCase())
parElm = parElm.parentNode;
return parElm;
}
function highlightTr(elm){
var actTr = getParent(elm,"tr");
actTr.style.backgroundColor = "#ddd";
}
function nolightTr(elm){
var actTr = getParent(elm,"tr");
actTr.style.backgroundColor = "";
}
window.onload = function(){
var tds = document.getElementById("minTabel").getElementsByTagName("td");
for(i=0,im=tds.length;im>i;i++){
tds[i].onmouseover = function(){highlightTr(this)};
tds[i].onmouseout = function(){nolightTr(this)};
}
}
</script>
</head>
<body>
<table id="minTabel">
<tr>
<td>En celle</td>
<td>En celle mere</td>
<td>Og endnu en</td>
</tr>
<tr class="even">
<td>En celle</td>
<td>En celle mere</td>
<td>Og endnu en</td>
</tr>
<tr>
<td>En celle</td>
<td>En celle mere</td>
<td>Og endnu en</td>
</tr>
<tr class="even">
<td>En celle</td>
<td>En celle mere</td>
<td>Og endnu en</td>
</tr>
</table>
</body>
</html>
-- jeg har godt nok sprunget over et lavt punkt i gærdet, da jeg ik' li'e havde lyst til at lave ordentlige funktionstildelinger på denne tid af dagen !-)
Ny bruger
Nybegynder
Opret
Preview
