Fila con color de fondo y texto fijo al hacer clic

paulkees · #1 (**permalink**) 31/12/2007, 10:46

Hola a todos....

Tengo una BD de la cual extraigo los datos y los muestro en una tabla:

<table>
<tbody>
<tr>
<th>%s</th>
<td>%s</td>
<td>%s</td>
</tr>
<tbody>
</table>

En la hoja de estilos la fila <tbody> <tr> le doy este hover:

.listape tbody tr:hover{background:#DBEBF6;color:#c00;cursor:poin ter;}

Mi pregunta y solicitud de ayuda es:

¿Cómo puedo hacer para que al hacer clic sobre la fila la misma quede con el color de fondo y de texto del hover de forma fija?

desde ya muchas gracias y Felíz Año Nuevo!!!

El_Kaiser · #2 (**permalink**) 31/12/2007, 11:41

Podrias hacerlo con window.open en lugar del href.

paulkees · #3 (**permalink**) 31/12/2007, 12:02

Gracias Kaiser...

Pero para mi necesidad creo que es demasiado, solo quiero que al hacer clic en la fila, la misma quede con el color de fondo y de texto del hover... y haciendo clic nuevamente vuelva a lo normal. No se si me explico bien?

Nuevamente salu2 y gracias.

JavierB · #4 (**permalink**) 01/01/2008, 04:36

Hola paulkees

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
fondo = '#DBEBF6';
frente = '#c00';
function pulsa(obj) {
  obj.style.background = (obj.style.background=='') ? fondo : '';
  obj.style.color = (obj.style.background=='') ? frente : '';
}
</script>
</head>
<body>
<table>
<tbody>
<tr onclick="pulsa(this)">
<th>%s</th>
<td>%s</td>
<td>%s</td>
</tr>
<tbody>
</table>
</body>
</html>

Supongo que sabrás que el código Css que has puesto no funciona en IE 6

Saludos,

paulkees · #5 (**permalink**) 01/01/2008, 10:47

Hola JavierB...

Muchas gracias por tu ayuda... sabía lo del IE6 y sabía que esto era con javascript, para dar una idea de lo que necesitaba lo puse con css.

Lo que me has puesto esta muy orientado a lo que necesito pero tengo que pulir algunas cosas y mi habilidad es practicamente nula.

Si me podés ayudar te lo agradezco mucho, lo que quiero lograr es lo siguiente:

1.- Al pasar el ratón por la fila (onmouseover), quisiera que la fila tome el background #DBEBF6 y el texto el color #c00

2.- Al hacer click en la fila, que la misma quede con el background #DBEBF6 y el texto con el color #c00 de manera fija... y al hacer click sobre esta misma fila, que vuelva a lo normal.

No se si me explico bien?

Desde ya, muchas gracias por tu tiempo y paciencia!!!

Salu2.-

paulkees · #6 (**permalink**) 02/01/2008, 13:22

Cita:

Iniciado por JavierB

Hola paulkees

Prueba este código:

Código PHP:

  <html>

<head>

<script type="text/javascript">

fondo = '#DBEBF6';

frente = '#c00';

function pulsa(obj) {

  obj.style.background = (obj.style.background=='') ? fondo : '';

  obj.style.color = (obj.style.background=='') ? frente : '';

}

</script>

</head>

<body>

<table>

<tbody>

<tr onclick="pulsa(this)">

<th>%s</th>

<td>%s</td>

<td>%s</td>

</tr>

<tbody>

</table>

</body>

</html>

Supongo que sabrás que el código Css que has puesto no funciona en IE 6

Saludos,

Lo he probado en IE y no funciona... por lo menos a mi.
Por otra parte probé hacer lo del "onmauseover" yo y no hay caso, no me sale...

Veré si tengo ayuda u orientación, la verdad que no se...

Salu2