You are here: irt.org | FAQ | JavaScript | Table | Q1441 [ previous next ]
Try:
<html>
<head>
<style><!--
.relative { position:relative; }
//--></style>
<script language="JavaScript"><!--
var colors= new Array('#ff0000','#00ff00','#0000ff');
function change(i) {
var color = colors[Math.floor(colors.length*Math.random())]
if (document.layers)
window.document.layers['id' + i].bgColor = color;
else if (document.all)
window.document.all['id' + i].style.background = color;
}
function loop() {
change(Math.floor(9*Math.random()));
setTimeout('loop()',50);
}
//--></script>
</head>
<body onLoad="loop()">
<table>
<tr>
<td id="id0" class="relative">test</td>
<td id="id1" class="relative">test</td>
<td id="id2" class="relative">test</td>
</tr>
<tr>
<td id="id3" class="relative">test</td>
<td id="id4" class="relative">test</td>
<td id="id5" class="relative">test</td>
</tr>
<tr>
<td id="id6" class="relative">test</td>
<td id="id7" class="relative">test</td>
<td id="id8" class="relative">test</td>
</tr>
</table>
</body>
</html>Soeren Pedersen writes:
Not really that great since the example breaks for Netscape Navigator as soon as you change the table width. Try setting it to 550+.