Foros del Web » Programando para Internet » Javascript »

cambiar background de celda al pasar el mouse por encima

Estas en el tema de cambiar background de celda al pasar el mouse por encima en el foro de Javascript en Foros del Web. hola amigos del foro .. tengo el siguiente css .td_mod_not { margin:0; background-image:url(../img/noticia_btn.png); background-repeat:no-repeat; } .td_mod_notover { margin:0; background-image:url(../img/noticiaover_btn.png); background-repeat:no-repeat; } html Código PHP: < ...
  #1 (permalink)  
Antiguo 16/03/2010, 16:00
Avatar de Superlinux  
Fecha de Ingreso: octubre-2005
Ubicación: Colombia
Mensajes: 662
Antigüedad: 19 años, 1 mes
Puntos: 1
Pregunta cambiar background de celda al pasar el mouse por encima

hola amigos del foro .. tengo el siguiente

css
.td_mod_not {
margin:0;
background-image:url(../img/noticia_btn.png);
background-repeat:no-repeat;
}

.td_mod_notover {
margin:0;
background-image:url(../img/noticiaover_btn.png);
background-repeat:no-repeat;
}

html

Código PHP:
<table width="172" height="82" valign="top" border="0"  cellpadding="0" 
  
<tr class="td_mod_not" onmouseover="this.className='td_mod_notover'" onMouseOut="this.clasName='td_mod_not'">
        <
td  ver mas...</td>
 </
tr>
</
table
y intento que al pasar el mouse por encima de una tabla el fondo de sus celdas cambie .. ok lo logro .. pero al quitar el mouse no vuelve al estado anterior ..

Gracias por la ayuda
__________________
"La vida sigue su curso, tú toma parte de ella."
  #2 (permalink)  
Antiguo 16/03/2010, 16:05
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: cambiar background de celda al pasar el mouse por encima

Hola:

Pues la clase la estás aplicando a una celda y no a la tabla completa, pero el error es que no está bien escrito className (2 eses) en los dos eventos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 16/03/2010, 16:06
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Respuesta: cambiar background de celda al pasar el mouse por encima

Hola Superlinux

No se si será un error al escribir el código en el foro, pero te falta una s:

Código:
onmouseout="this.className='td_mod_not'"
Además, deberías escribir onmouseout en minúsculas.

Edito: me ha ganado caricatos por un minutillo

Saludos,
  #4 (permalink)  
Antiguo 16/03/2010, 16:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: cambiar background de celda al pasar el mouse por encima

Cita:
Iniciado por JavierB Ver Mensaje
Hola Superlinux

No se si será un error al escribir el código en el foro, pero te falta una s:

Código:
onmouseout="this.className='td_mod_not'"
Además, deberías escribir onmouseout en minúsculas.

Edito: me ha ganado caricatos por un minutillo

Saludos,
¡Je, je!, me adelanté porque no comenté lo de las minúsculas (buen comentario) , aunque tú me adelantaste en otro tema

__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 16/03/2010, 16:37
Avatar de Superlinux  
Fecha de Ingreso: octubre-2005
Ubicación: Colombia
Mensajes: 662
Antigüedad: 19 años, 1 mes
Puntos: 1
De acuerdo Respuesta: cambiar background de celda al pasar el mouse por encima

Gracias amigos del foro .. asi quedo

Código PHP:
<tr
<
td width="70%" height="82" valign="top" style="padding-left:15px; padding-right:5px; padding-top:5px;" class="td_mod_not" onmouseover="this.className='td_mod_notover'" onmouseout="this.className='td_mod_not'">
</
td>
</
tr
Funciona re bien

__________________
"La vida sigue su curso, tú toma parte de ella."

Etiquetas: celda, encima, mouse, pasar, 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 18:05.