identificar celda en una tabla...

[Vegeta480]

Saludos....


El siguiente es el problema... tengo una tabla con 100 celdas... lo que deseo hacer es que al presionar determinadas teclas ciertas celdas cambien de color.

El detectar el teclado lo tengo claro... como modificar la apariencia de la celda tambien lo tengo claro... pero el problema no se como identificar la celda....

por ejemplo... si presiono la tecla flecha abajo..... la celda en la coordenada (3,2) cambie de color....


pues eso... saludos....


Rodrigo Soto....

[Bravenap]

Has de poner un identificador para las celdas que quieres que cambien de color:

Por ejemplo:

<td id="3,2">Celda 3,2</td>

Y luego el código Javascript:

Código:

document.getElementById("3,2").style.backgroundColor='#CCCCCC';

Con esto haces que la celda 3,2 cambie de color. Ahora bien, si lo que quieres es que cambien varias a la vez según lo que se pulse la cosa tampoco se complicaría mucho.

Una opción es crear una matriz con las coordenadas de todas las celdas que responderán a la misma tecla y usar un bucle para pintarlas todas. Algo así:

Código:

//Aquí las celdas que responden a la flecha de arriba
var arriba = new Array("1,1","3,2","6,9","12,3","5,8")

//Aquí las celdas que responden a la flecha de abajo
var abajo= new Array("1,2","3,5","9,9","2,12","7,8")

Una vez definidos todos los grupos de celdas, en los que evidentemente se pueden repetir elementos, pintas según la tecla pulsada con un bucle:

Código:

for(i=0;i=arriba.length;1++){
document.getElementById(i).style.backgroundColor='#CCCCCC';
}

Espero no haberme equivocado en muchas cosas.

Un saludo.

[Vegeta480]

Gracias........ Bravenap

aquello era lo que me faltaba.... getElementById.... Aun mas, tal como lo expones en tu respuestas, asi lo estoy haciendo... tengo un array con las coordenadas que deberan modificarse como respuesta al teclado...

Rodrigo Soto....

[Bravenap]

De nada.