Foros del Web » Programando para Internet » Javascript »

Iluminar una fila de una tabla, habiendo indicado los colores en una CSS

Estas en el tema de Iluminar una fila de una tabla, habiendo indicado los colores en una CSS en el foro de Javascript en Foros del Web. Buenas, he aquí mi problema: Se me ha ocurrido el definir unos colores para una tabla de la siguiente manera: tr.oscuro { background: #ffffff; } ...
  #1 (permalink)  
Antiguo 23/12/2002, 00:18
Avatar de BVis  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 104
Antigüedad: 21 años, 5 meses
Puntos: 0
Iluminar una fila de una tabla, habiendo indicado los colores en una CSS

Buenas, he aquí mi problema:

Se me ha ocurrido el definir unos colores para una tabla de la siguiente manera:

tr.oscuro {
background: #ffffff;
}

tr.claro {
background: #eeeeee;
}

Y esto lo meto en un archivo .css que es llamado desde un .html, un .php, o lo que sea.

Así cuando pretendo que una fila aparezca según el color oscuro ahí definido:

<tr class="oscuro">...</tr>

o

<tr class="claro">...</tr>

Según me interese.

El problema estriba en que cuando pretendo que a la vez se de el efecto de "iluminar" una fila:

<tr class="claro" onmouseover='this.style.background="#CCFFCC"' onmouseout='this.style.background="NOSEQUEMETERAQU I"'>

Pues pretendo restaurar la propiedad original del CSS...y se me queda el color "iluminado".

No se si me he explicado.

1 Saludo.
__________________
"Yo opino lo mismo que BVis, el de 'forosdelweb' " - Bill Gates
  #2 (permalink)  
Antiguo 23/12/2002, 02:28
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola BVis:

Espero que este ejemplo te sirva:

<html>
<head>
<script language="javascript">
var anterior;
</script>
</head>
<body>
<table><tr><td style="background-Color:#eeeeee" onmouseover="anterior=this.style.backgroundColor;t his.style.backgroundColor='blue'"
onmouseout="this.style.backgroundColor=anterior">h ola</td></tr><tr><td>mundo</td></tr></table>
</body>
</html>

La idea está en guardar el color que tenía antes en una variable local: "anterior" y luego restaurar el valor de esa variable...

Saludos
  #3 (permalink)  
Antiguo 24/12/2002, 00:06
Avatar de BVis  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 104
Antigüedad: 21 años, 5 meses
Puntos: 0
Cojonudo, muchas gracias.
__________________
"Yo opino lo mismo que BVis, el de 'forosdelweb' " - Bill Gates
  #4 (permalink)  
Antiguo 26/01/2003, 14:04
ALM
 
Fecha de Ingreso: noviembre-2002
Mensajes: 16
Antigüedad: 21 años, 5 meses
Puntos: 0
Fijate en estas extensiones de dreamweaver

Aca

http://ar.geocities.com/itcrespo/pro...m/extdream.htm

podes bajar unas extensiones de dreamweaver que programe para cambiar los colores de una tabla al entrar con el mouse.
Podes cambiar una celda, una fila, una columna, una fila y una columna (seria una cruz), etc.

Espero que te sirva para tu sitio.

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:19.