cambio color celda...

mrgubu · #1 (**permalink**) 21/12/2004, 12:18

Tengo el siguiente código que cambia el color de las celdas de una tabla de blanco a amarillo cuando hacer mouseover.

Por defecto, la pimera celda ya está seleccionada en amarillo. Quiero hacer un script para que cuando el ratón pase por las otras celdas con mouseover, el color de la primera celda vuelva a blanco.

Por favor ayuda.

Código:

<BODY bgcolor=white>
<table>
  <tr>
    <td style="background-color:yellow;" onMouseOver="this.style.background='yellow'" onmouseout="this.style.background='white'" >• Celda 1</td>
    <td onMouseOver="this.style.background='yellow'" onmouseout="this.style.background='white'" >• Celda 2</td>
    <td onMouseOver="this.style.background='yellow'" onmouseout="this.style.background='white'" >• Celda 3</td>
  </tr>
</table>

caricatos · #2 (**permalink**) 21/12/2004, 12:57

Hola mrgubu:

Según el código que has puesto, la celda pierde el amarillo cuando el ratón sale de la celda: onmouseout...

Si le pones un "ID" a la celda, puedes poner:
document.getElementById("ese_ID").style.background Color = "white";
Y lo asocias al evento onmouseover de las celdas, separado de la acción que ya tienen con un ";" (punto y coma)

Saludos

mrgubu · #3 (**permalink**) 24/12/2004, 11:44

Gracias caricatos. Este post se duplicó sin querer y no lo he visto hasta ahora mismo, perdón.

Yo lo seguí en
http://forosdelweb.com/showthread.php?t=256046

Nostromo desarrolló un código muy bueno para solucionar el problema.