Buenas.
Quiero hacer los Siguiente.
Tengo una tabla con varias filas, lo que quiero hacer es que cuando el cursor se coloque sobre las celdas el color de fondo de las celdas cambien..
Gracias
13/11/2007, 15:10
| ||||
| ||||
 Cambiar fondo de Celda Buenas. Quiero hacer los Siguiente. Tengo una tabla con varias filas, lo que quiero hacer es que cuando el cursor se coloque sobre las celdas el color de fondo de las celdas cambien.. Gracias
__________________ César A. Montero O. Dev.Net Maracay - Venezuela |
|
13/11/2007, 16:00
| ||||
| ||||
| Re: Cambiar fondo de Celda Si es con enlaces te puedo ayudar: <head> <style type="text/css"> td a:hover {background-color:#rgb;} </style> </head> Pero si te refieres a lo que yo creo, necesitas javascript. |
|
13/11/2007, 20:12
| ||||
| ||||
| Re: Cambiar fondo de Celda Hola talvez te sirva esto, no lo probé con IE pero debe funcionar. (en FF funciona) Cita: Saludos. <style> td:hover { background-color:#9966CC; } </style> </head> <body> <table border="2"> <tr> <td>Celda</td> </tr> </table> </body> </html> |
|
13/11/2007, 20:32
| ||||
| ||||
| Re: Cambiar fondo de Celda Me quedé pensando en tu problema, ahora que recuerdo IE no va a reconocer los estilos anteriores, si tienes que hacerlo con JavaScript, tengo poco tiempo, esto funciona ahora con IE  pero no con FF, puedes de pronto ponerle estilos para FF y este script para IE, no es lo mas ortodoxo pero funcionará mientras tanto. Cita: <script language="javascript" type="text/javascript"> function poner_color(){ celda.style.background="#ff0000"; } function quitar_color(){ celda.style.background="#ffffff"; } </script> </head> <body> <table border="2"> <tr> <td onmouseover="poner_color();" onmouseout="quitar_color();" id="celda">Celda</td> </tr> </table> |
|
14/11/2007, 08:50
| ||||
| ||||
 Re: Cambiar fondo de Celda Esta fue la solucion que encontre adaptando el ejemplo que me dio Kailu.
Código:
Luego en el HTML hacemos lo siguiente,<script type="text/javascript">
function poner_color(id){
document.getElementById(id).className="nombredelaclasedelcsss";
}
function quitar_color(id){
document.getElementById(id).className="nombredelaclasedelcsss";
}
</script>
Código HTML: <td onmouseover="poner_color('fila');" onmouseout="quitar_color('fila')" id="fila">
__________________ César A. Montero O. Dev.Net Maracay - Venezuela |
