Dic 05
queremos hacer una página con anchors y necesitamos resaltar una parte del texto para que nuestra lectura no sea tan caótica, pues bien, podemos iluminar una celda de una tabla mediante un sencillo codigo de JavaScript en el <head>
<script language="JavaScript"> <!-- //este codigo me borra todas las celdas coloreadas y les asigna color blanco function borra_todos_color(){
var i;
for(i=1;i<=3;i++) {
celda = document.getElementById(i);
celda.style.backgroundColor="#FFFFFF";
}
}function cambiar_color(celda_n){
borra_todos_color();
celda = document.getElementById(celda_n);
celda.style.backgroundColor="#BDE5FF";
}
//-->
</script>
|
Luego de esto debemos identificar nuestras celdas con algun identificador, que en este caso lo hice con un numero
<table width="700"> <tr> <td id="1"> algo 1 </td> <td id="2"> algo 2 </td> <td id="3"> algo 3 </td> </tr> </table> |
Y para iluminar las celdas con un link deberemos agregar el siguiente onClick
<a href="#" onClick="cambiar_color(1)"> Cambia color 1 </a> <a href="#" onClick="cambiar_color(2)"> Cambia color 2 </a> <a href="#" onClick="cambiar_color(3)"> Cambia color 3 </a> |
La entrada ya fue escrita
en Miércoles, Diciembre 5th, 2007 a las 1:06 pm bajo la categoria computin.
Puedes sindicarte a traves del RSS 2.0 feed.
Puedes dejar un comentario, o trackback de tu sitio.
Leave a Comment