<html>
<body>
<script type="text/javascript">
function cambia_color(){
celda = document.getElementById("celda" + document.fcolor.celda.value)
celda.style.backgroundColor=document.fcolor.micolor.value
}
</SCRIPT>
<script type="text/javascript">
function cambiar_color_over(celda){
var celda="0";
if (celda==5 ){
celda.style.backgroundColor="#FF0000"
} else if (celda==3) {
celda.style.backgroundColor="#FFFF00"
} else {
celda.style.backgroundColor="#FFFFFF"
}
</script>
<table width=100>
<tr>
<td style="backgroundColor='#FFFFFF'" bgcolor="#dddddd" id="celda1" onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">Casilla numero 1
</td>
</tr>
<tr>
<td style="backgroundColor='#FFFFFF'" bgcolor="#dddddd" id="celda2" onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">Casilla numero 2
</td>
</tr>
<tr>
<td style="backgroundColor='#FFFFFF'" bgcolor="#dddddd" id="celda10" onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">Casilla numero 10
</td>
</tr>
</table>
<form name=fcolor>
Numero de celda: <input type=text name=celda id="vacio" size=3>
<br>
Color: <input type=text name=micolor size=8>
<br>
<input type=button value="Cambiar color" onclick="cambiar_color_over(vacio)">
</form>
</body>
</html>