¿Quieres tener tu propio blog?
Coloreando celdas con Javascript
Bienvenidos todos, hoy voy a hablar de cómo jugar con el cambio de colores de una celda en una tabla.
Para ello he creado una página de ejemplo muy simple que utiliza esta técnica, desarrollado enteramente con Javascript y CSS.
Breve explicación del Ejemplo:
Como veis en el código, generamos una tabla de 14x20 mediante un bucle y a cada columna le asignamos dos eventos: onmouseover y onclick.
En la parte de la izquierda aparece un pequeño menu de tres cajas de selección de color:
- Color para MouseOver.
- Color para Click.
- Color para Limpiar.
Si pulsamos sobre las casillas nos aparecerá una capa con 10 colores a elegir.
De modo que cuando pasemos el ratón por encima de cada celda, se le asignará el color que previamente habremos escogido.
Si hacemos clic en la celda, se asignará el color correspondiente y por último el botón 'Limpiar' dejará 'limpia' la tabla asignando el color que hayamos elegido como fondo.
No tiene más.
Espero que disfrutéis el ejemplo.;)
Ejemplo: http://ejemplos.develovers.net/javascript/juegopintar/Colorea.htm
