Cambio de color de fila.

bruli · #1 (**permalink**) 23/05/2006, 10:11

Hola a todos.

Hace unos días comenté un problemilla que tenía con una función para cambiar de color una celda al pulsar un checkbox.

Bueno pues ahora quisiera hacer lo mismo pero cambiando el color de toda una fila.

La función que me pusieron en este foro fue la siguiente:

// Cambia el color (rojo) de la celda al pulsar el checkbox.

function color(check)
{
check.parentNode.style.backgroundColor = (check.checked)? "#FF1010" : "#DADADA";
}

Luego en el checkbox le añado: onclick:"color(this)".

¿Como podría cambiar de color toda la fila (<TR>) ?

He probado con esto:

check.parentNode.parentNode.style.backgroundColor. ...

Pero no funciona.

Es que me habían comentado que un sólo parentNode hace referencia a la celda y dos hace referencia a la fila.

JavierB · #2 (**permalink**) 23/05/2006, 10:21

Hola bruli

He probado el código que has puesto en IE, Firefox y Opera y me ha funcionado bien. ¿Te da algún error o simplemente no cambia el color de la fila?

Saludos,

bruli · #3 (**permalink**) 23/05/2006, 10:51

Pues dime como lo has hecho pues a mi no me funciona.

Simplemente me cambia el color de la celda. No de la fila.

JavierB · #4 (**permalink**) 23/05/2006, 10:57

Hola de nuevo.

Código PHP:

  <html>
<head>
<script type="text/javascript">
function color(check)
{
check.parentNode.parentNode.style.backgroundColor = (check.checked)? "#FF1010" : "#DADADA";
}
</script>
</head>
<body>
<table>
<tr>
<td>------</td>
<td>------</td>
<td><input type="checkbox" onclick="color(this)" /></td>
</tr>
</table>
</body>
</html>

Saludos,

bruli · #5 (**permalink**) 01/06/2006, 09:49

Gracias por la respuesta.

No me funcionaba por poner (sin darme cuenta) un "bgcolor" en las celdas que trataba de cambiar.

Ahora si.