Foros del Web » Programando para Internet » Javascript »

cambiar de color fila <tr> al pasar el mouse

Estas en el tema de cambiar de color fila <tr> al pasar el mouse en el foro de Javascript en Foros del Web. Que tengo que hacer para que cambien de color todas las celdas de una fila al pasar el mouse, es decir tengo lo siguiente: ORDEN ...
  #1 (permalink)  
Antiguo 03/08/2004, 11:42
 
Fecha de Ingreso: abril-2004
Ubicación: México D.F.
Mensajes: 1.724
Antigüedad: 20 años, 9 meses
Puntos: 4
cambiar de color fila <tr> al pasar el mouse

Que tengo que hacer para que cambien de color todas las celdas de una fila al pasar el mouse, es decir tengo lo siguiente:

ORDEN PROVEEDOR ETC...
97 1 ......
100 4 .......

cuando el mouse este sobre el 97 que se cambie de color toda la fila, para que el usuario vea en cual esta, lo he hecho individualmente y si funciona, me refiero a que en cada td si jala, pero es posible hacerlo con el tr: ??

<tr onmouseover="this.style.backgroundColor='#BECFDF'" onmouseout="this.style.backgroundColor='#DBE7F3'">

funciona, una vez lo vi, no se como le hicieron y de tonto no guarde la página. Espero que alguno de ustedes pe apoye.

Gracias
  #2 (permalink)  
Antiguo 03/08/2004, 13:11
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses
Puntos: 381
el código que dejaste funciona perfectamente

<tr onmouseover="this.style.backgroundColor='#BECFDF'" onmouseout="this.style.backgroundColor='#DBE7F3'">

¿dices que no te va?
  #3 (permalink)  
Antiguo 03/08/2004, 13:32
 
Fecha de Ingreso: abril-2004
Ubicación: México D.F.
Mensajes: 1.724
Antigüedad: 20 años, 9 meses
Puntos: 4
Hola gracias por responder.

Mira tengo una tabla que contiene unas listas, cada columna tiene un color, para que se vea más elegante. El problema está en que cada celda tiene un color por ejemplo una tiene rojo azul, asi sucesivamente.

La idea es que al situarse sobre una celda cambie completamente toda la fila por eso habia pensado en colocarlo que puse anteriormente.

Descubrí que si la celda tiene un color no funciona el TR, y si no tiene color si lo cambia completamente a la fila.

Pero cada celda debe de tomar un color inicial.

Al parecer no es posible lo que intento ?

De antemano Gracias!
  #4 (permalink)  
Antiguo 03/08/2004, 15:32
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 20 años, 7 meses
Puntos: 4
si acabo de probar y no funciona si pones un color a las celdas, necesitas usar getElementById, asi si me funciona

<tr onmouseover="document.getElementById('a1').style.b ackground='red'" onmouseout="document.getElementById('a1').style.ba ckground='black'">
<td width="20%" id="a1" style="background:black">&nbsp;</td>
</tr>


ya q estoy hago una pregunta, como cambio el color de la letra al pasar el mouse sobre una celda?? no me anda "style.fontColor=''"

Última edición por SiR.CARAJ0DIDA; 03/08/2004 a las 15:43
  #5 (permalink)  
Antiguo 03/08/2004, 22:48
 
Fecha de Ingreso: abril-2004
Ubicación: México D.F.
Mensajes: 1.724
Antigüedad: 20 años, 9 meses
Puntos: 4
Hola, efectivamente con el identificador funciona pero como asignarles un identificador a todas las celdas si se crean dinámicamente, además no puedes crear un arreglo.

Pues ni modo, no se puede.

En cuanto a tu pregunta es : color en vez de fontcolor.

objeto.style.color="red"

Gracias
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 20:47.