Foros del Web » Programando para Internet » Javascript »

colores de celdas

Estas en el tema de colores de celdas en el foro de Javascript en Foros del Web. amigos gracias por leerlo me gustaria saber si es posible hacer esto con javascript (y por supuesto su ayuda) tengo una tabla Código HTML: <table> ...
  #1 (permalink)  
Antiguo 28/11/2008, 09:40
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Pregunta colores de celdas

amigos gracias por leerlo

me gustaria saber si es posible hacer esto con javascript (y por supuesto su ayuda)

tengo una tabla
Código HTML:
<table>
<tr onMouseOver="this.style.backgroundColor='#EfFAC5'" onMouseOut="this.style.backgroundColor='#fff'">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table> 
el cual cambia de color la fila bajo el mouse, me gustaria saber si se puede por ejemplo hacer que al poner el mouse sobre determinada fila no solo aquella fila cambie de color sino las que yo determine

Gracias---->
__________________
Me junto con los que Saben, Queriendo Saber.
  #2 (permalink)  
Antiguo 28/11/2008, 09:49
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: colores de celdas

Hola:

En el mismo evento puedes asociao lo que quieras...

onmouseover="mostrar('id1', id5', id3')"... y lo mismo oara la restauración onmouseout...
Dinos los id's que quieras asociar, y en breve tendrás la respuesta... aunque es preferible que tú lo intentes...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 28/11/2008, 10:59
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Respuesta: colores de celdas

gracias X la respuesta, pero como se asigno un id a una fila en particular?
__________________
Me junto con los que Saben, Queriendo Saber.
  #4 (permalink)  
Antiguo 28/11/2008, 11:01
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: colores de celdas

Pues, como con todos los tags: <td id="fila1"></td>
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 28/11/2008, 11:53
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Respuesta: colores de celdas

a gracias, voy a probar y les comentos
__________________
Me junto con los que Saben, Queriendo Saber.
  #6 (permalink)  
Antiguo 28/11/2008, 12:24
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Respuesta: colores de celdas

bueno me resulto esta funcion
Cita:
<script language="javascript">
function mostrar(id1,id2,id3)
{
document.getElementById(id1).style.backgroundColor ='#EfFAC5'
document.getElementById(id2).style.backgroundColor ='#EfFAC5'
document.getElementById(id3).style.backgroundColor ='#EfFAC5'
}
function ocultar(id1,id2,id3)
{
document.getElementById(id1).style.backgroundColor =''
document.getElementById(id2).style.backgroundColor =''
document.getElementById(id3).style.backgroundColor =''
}
</script>
EJ

Cita:
<table width="300" border="1">
<tr id="f1" onmouseover="mostrar('f1','f2','f3')" onmouseout="ocultar('f1','f2','f3')">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr id="f2" onmouseover="mostrar('f1','f2','f3')" onmouseout="ocultar('f1','f2','f3')">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr id="f3" onmouseover="mostrar('f1','f2','f3')" onmouseout="ocultar('f1','f2','f3')">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
si hay alguna sugerencia para mejorarla no vendria mal
__________________
Me junto con los que Saben, Queriendo Saber.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:53.