Foros del Web » Creando para Internet » CSS »

Rollover en tabla con 3 estados

Estas en el tema de Rollover en tabla con 3 estados en el foro de CSS en Foros del Web. Saludos a todos; Quisiera hacer un rollover en una tabla (esto ya lo he conseguido) pero lo que no se hacer es que cuando hagas ...
  #1 (permalink)  
Antiguo 09/08/2011, 03:47
Avatar de veriyo  
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 7 años, 1 mes
Puntos: 0
Rollover en tabla con 3 estados

Saludos a todos;

Quisiera hacer un rollover en una tabla (esto ya lo he conseguido) pero lo que no se hacer es que cuando hagas click en una celda esta se marque en color lila y que al marcar otra se quede en blanco y siga teniendo el efecto de rollover, las celdas tendrian 3 estado: 1 blanco, 2 rollover lila y 3 presionado lila. Os dejo un trocito del codigo y del css....

Código HTML:
<table width="620" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"  
class="F_arial_11_centrado_negro" style="border-collapse:collapse; cursor:pointer">
    <tr id="tr_01_historicos_alarmas_alum" name="tr_01_historicos_alarmas_alum" 
	class="rollover_morado">
<td id="td_01_historicos_alarmas" name="td_01_historicos_alarmas" 
	  style="cursor:pointer" onClick="f_mostrar_mensajes_historicos_alarmas_alum(1)" 
	  width="48">0000001</td>
      <td width="90">13/06/2011 22:45 </td>
      <td><div align="left">Incidencia: Sobrecarga en salida Fase - 1.      </div></td>
      <td width="48">CM 04 </td>
      <td width="92">13/06/2011 22:49 </td>
    </tr>
    <tr class="rollover_morado">
      <td id="td_02_historicos_alarmas" name="td_02_historicos_alarmas" 
	  style="cursor:pointer" onClick="f_mostrar_mensajes_historicos_alarmas_alum(2)">0000001</td>
      <td>13/06/2011 11:00 </td>
      <td><div align="left">Puerta CM abierta . </div></td>
      <td>CN 10 </td>
      <td>&nbsp;</td>
    </tr>
    <tr class="rollover_morado">
      <td id="td_03_historicos_alarmas" name="td_03_historicos_alarmas" 
	  style="cursor:pointer" onClick="f_mostrar_mensajes_historicos_alarmas_alum(3)">0000001</td>
      <td>&nbsp;</td>
      <td class="F_arial_11_centrado_negro">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	 <tr class="rollover_morado">
      <td id="td_04_historicos_alarmas" name="td_04_historicos_alarmas"
	  style="cursor:pointer">0000001</td>
      <td>&nbsp;</td>
      <td class="F_arial_11_centrado_negro">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td></table> 
css
Código HTML:
  tr.rollover_morado
  {
   background-color:#ffffff;
  }
  
  tr.rollover_morado:hover
  {
   background-color: #9999ff;
  }
si a alguien se le ocurre algo estare muy agradecida
  #2 (permalink)  
Antiguo 11/08/2011, 02:31
Avatar de veriyo  
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Rollover en tabla con 3 estados

a nadie se le ocurre algo?? supongo que será facil pero no logro encontrar una solucion...
  #3 (permalink)  
Antiguo 11/08/2011, 02:42
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 10 meses
Puntos: 63
Respuesta: Rollover en tabla con 3 estados

Lo que pides se haría en javascript, ya que no hay ningun propiedad que mantenga el fondo de un color al hacer click.

Suerte

Etiquetas: estados, rollover, tabla, fondo
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 08:34.