Como puedo cambiar el color de una fila

layker · #1 (**permalink**) 18/06/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 · #2 (**permalink**) 18/06/2008, 12:47

alguien puede ayudarme?'

daPhyre · #3 (**permalink**) 18/06/2008, 13:03

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

the_web_saint · #4 (**permalink**) 18/06/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 · #5 (**permalink**) 18/06/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 · #6 (**permalink**) 18/06/2008, 16:54

muxisimas gracias, era lo ke buscaba