Foros del web, para los que viven de bits

layker · 18-jun-2008, 01:50

Hola alguien me podria decir como puedo cambiar el color de una fila de una tabla al pasar el raton x encima?? un saludo, gracias

layker · 18-jun-2008, 12:47

alguien puede ayudarme?'

daPhyre · 18-jun-2008, 13:03

Quizá con un :hover, pero no se si se pueda con las filas...

the_web_saint · 18-jun-2008, 14:27

Hola:
Creo que esto puede ayudarte:

Cita:

function mOvr(obj, color)
{
obj.style.background=color;
}

Código:

<table>
<tr>
<td onMouseOver=\"mOvr(this,'#EBEDEF');\" onMouseOut=\"mOvr(this,'transparent');\"></td>
</tr>
............................
</table>

me cuentas!!!

the_web_saint · 18-jun-2008, 14:37

Aqui te dejo un pequeño ejemplo ;)

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function mOvr(obj, color)
{
obj.style.background=color;
}
</script>
</head>

<body>
<table border=1>
<tr onMouseOver="mOvr(this,'#ffff00');" onMouseOut="mOvr(this,'transparent');">
<td>Esto es la fila 1</td>
<td>Esto es la fila 2</td>
<td>Esto es la fila 3</td>
<td>Esto es la fila 4</td>
</tr>
<tr onMouseOver="mOvr(this,'#ff00ff');" onMouseOut="mOvr(this,'transparent');">
<td>Esto es la fila 1</td>
<td>Esto es la fila 2</td>
<td>Esto es la fila 3</td>
<td>Esto es la fila 4</td>
</tr>
<tr onMouseOver="mOvr(this,'#00ffff');" onMouseOut="mOvr(this,'transparent');">
<td>Esto es la fila 1</td>
<td>Esto es la fila 2</td>
<td>Esto es la fila 3</td>
<td>Esto es la fila 4</td>
</tr>
</table>
</body>
</html>

Saludos....

layker · 18-jun-2008, 16:54

muxisimas gracias, era lo ke buscaba

18-jun-2008, 01:50	#1 (permalink)
layker Fecha de Ingreso: noviembre-2007 Mensajes: 195	Como puedo cambiar el color de una fila Hola alguien me podria decir como puedo cambiar el color de una fila de una tabla al pasar el raton x encima?? un saludo, gracias

18-jun-2008, 12:47	#2 (permalink)
layker Fecha de Ingreso: noviembre-2007 Mensajes: 195	Respuesta: Como puedo cambiar el color de una fila alguien puede ayudarme?'

18-jun-2008, 13:03	#3 (permalink)
daPhyre Fecha de Ingreso: marzo-2008 Ubicación: Idle. Return on 18/08 Mensajes: 734	Respuesta: Como puedo cambiar el color de una fila Quizá con un :hover, pero no se si se pueda con las filas... __________________ <signs> daPhyre </signs> ¿Por qué dejar se usar tablas?

18-jun-2008, 14:27	#4 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 110	Respuesta: Como puedo cambiar el color de una fila Hola: Creo que esto puede ayudarte: Cita: function mOvr(obj, color) { obj.style.background=color; } Código: <table> <tr> <td onMouseOver=\"mOvr(this,'#EBEDEF');\" onMouseOut=\"mOvr(this,'transparent');\"></td> </tr> ............................ </table> me cuentas!!! __________________ *..::The Saint::..* Bueno, llorando no vas a lograr que regrese, a menos que tus lágrimas huelan a comida para perro. Homero Simpson

18-jun-2008, 14:37	#5 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 110	Respuesta: Como puedo cambiar el color de una fila Aqui te dejo un pequeño ejemplo ;) Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> function mOvr(obj, color) { obj.style.background=color; } </script> </head> <body> <table border=1> <tr onMouseOver="mOvr(this,'#ffff00');" onMouseOut="mOvr(this,'transparent');"> <td>Esto es la fila 1</td> <td>Esto es la fila 2</td> <td>Esto es la fila 3</td> <td>Esto es la fila 4</td> </tr> <tr onMouseOver="mOvr(this,'#ff00ff');" onMouseOut="mOvr(this,'transparent');"> <td>Esto es la fila 1</td> <td>Esto es la fila 2</td> <td>Esto es la fila 3</td> <td>Esto es la fila 4</td> </tr> <tr onMouseOver="mOvr(this,'#00ffff');" onMouseOut="mOvr(this,'transparent');"> <td>Esto es la fila 1</td> <td>Esto es la fila 2</td> <td>Esto es la fila 3</td> <td>Esto es la fila 4</td> </tr> </table> </body> </html> Saludos.... __________________ *..::The Saint::..* Bueno, llorando no vas a lograr que regrese, a menos que tus lágrimas huelan a comida para perro. Homero Simpson

18-jun-2008, 16:54	#6 (permalink)
layker Fecha de Ingreso: noviembre-2007 Mensajes: 195	Respuesta: Como puedo cambiar el color de una fila muxisimas gracias, era lo ke buscaba

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado