Cambiar color <tr>

snakn · #1 (**permalink**) 08/05/2009, 01:49

Buenas, tengo una pequeña duda que no soluciono:

Quiero cambiar el color de fondo en un <tr> de una tabla, he visto varias formas por ahi pero no las se adaptar a este caso, os comento; tengo este codigo

<tr class='fila_".$resto.">

donde $resto es un variable que utilizo para cambiar la clase de la fila,así ir alternando los colores entre filas y ultilizando onmouseover me cambia el color, y utilizo onmouseout para volver al color,
>
<tr onmouseover=\"this.style.backgroundColor='#006666' ;\" onmouseout=\"this.???????\" class='fila_".$resto."'>

pero como tengo dos colores no se a cual volver, como tampoco encuentro como volver a la clase anterior.A alguien se le ocurre alguna forma de hacerlo?

Un saludo y gracias.

snakn · #2 (**permalink**) 08/05/2009, 02:11

Me respondo a mi mismo, creo que he encontrado una solución bastante aceptable y sólo utilizando estilos, lo he solucionado asi:

Cita:

<html>
<head>

<style>
.fila_0 { background-color: #E1E8F1;
cursor: pointer;
height:23px;}
.fila_1 { background-color: #FFFFFF;
cursor: pointer;
height:23px;}
TR.fila_0:hover {background-color: #00FF00;}
TR.fila_1:hover {background-color: #00FF00;}
</style>

</head>
<body>
<table width="600" border="1">
<?php
$variable = 10;
for($i=0;$i<=$variable;$i++){
$resto=$i%2;
echo "<tr class='fila_".$resto."'><td>Fila ".$i."</td></tr>";
}
?>
</table>
</body>
</html>

Por lo que al pasar por encima el cursor cambia de color y al sacarlo vuelve de nuevo automaticamente a su color original sea cual sea.

Un saludo.

GatorV · #3 (**permalink**) 08/05/2009, 09:14

Tema trasladado desde PHP