Vale, ya lo he editado, estaba modificando cosillas y lo subi antes de tiempo, sorry.
Aqui estoy intentando conseguir algo mas básico, para luego ir profundizando, la idea es que cuando pase el raton por encima de algunas de las celdas, me convierta el color de fondo a rojo.
No se porque falla, igual debo sacar la tabla del for para que detecte cada una de las celdas?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio 4 JS</title>
<script type="text/javascript">
function cambiacolor(celda){
celda.style.backgroundColor="red"
}
function creaTabla(){
document.write('<table width="200" border="0" cellspacing="1" cellpadding="1">');
for(i=0;i<10;i++){
document.write('<tr><td onmouseover="cambiacolor(this)"></td><td onmouseover="cambiacolor(this)""> </td></tr>');
}
document.write('</table>');
}
</script>
</head>
<body onLoad="creaTabla();">
</body>
</html>