« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: Problema con mouserover y mouseout  (Leído 1526 veces)

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Problema con mouserover y mouseout
« en: 19 de Julio de 2007, 16:16:26 pm »
mirad, he puesto este codigo javascript y no me funcciona :( me va pero solo en internet explorer pero mal!
Código: [Seleccionar]
<td background="menu.gif" onmouseover="this.background='menu2.gif'" onmouseout="this.background='menu.gif'">
<font face="Verdana" size="2">&nbsp; Home</font></td>ejemplo:
http://localhost/wheb/
« Última modificación: 19 de Julio de 2007, 16:18:18 pm por kekoman »
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811

Comunidad PHPeros

Problema con mouserover y mouseout
« en: 19 de Julio de 2007, 16:16:26 pm »

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Problema con mouserover y mouseout
« Respuesta #1 en: 19 de Julio de 2007, 16:17:41 pm »
Tienes que ponerle el atributo background... Sino hasta que no hagas alguna accion no se verá..
En línea
Por favor, leete las Normas

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #2 en: 19 de Julio de 2007, 16:18:49 pm »
ya esta lo puse, pero me hace igual con firefox :(
con internet explorer me va, pero con firefox no!  :-\

alguien tiene alguna solucion? :( veo que nadie me contesta
« Última modificación: 19 de Julio de 2007, 21:47:00 pm por naveda »
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Problema con mouserover y mouseout
« Respuesta #3 en: 19 de Julio de 2007, 21:51:55 pm »
Firefox funciona con un interpretador de HTML más... Limpio

El problema está en que, según se, background no es un atributo valido para la etiqueta <td>. Para solucionarlo creo que tendrias que definir el estilo del <td> mediante CSS:

Código: [Seleccionar]
<td style="background: url('menu.gif');">
El problema es que no se muy bien como puedes hacer eso mediante javascript...
En línea
Por favor, leete las Normas

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #4 en: 19 de Julio de 2007, 22:01:10 pm »
entonces tendria que funccionar asi:

Código: [Seleccionar]
<td style="background: url('menu.gif');" onmouseover="this.style="background: url('menu2.gif');" onmouseout=style="background: url('menu.gif');">
<font face="Verdana" size="2">&nbsp; Home</font></td>
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Problema con mouserover y mouseout
« Respuesta #5 en: 20 de Julio de 2007, 02:12:14 am »
Pruebalo.
En línea
Por favor, leete las Normas

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #6 en: 20 de Julio de 2007, 10:12:31 am »
pues no furula >:( >:(
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811

Desconectado FeDe

  • PHPero Avanzado
  • ****
  • Mensajes: 448
  • Karma: 35
  • Sexo: Masculino
  • BaDyDj -> ¡Mi Stylo, Mi ViDa!
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #7 en: 20 de Julio de 2007, 12:54:07 pm »
Buenas,

EDITO: Según me he estado informando, podrías hacerlo pro clases cómo? pues algo así:

Código: [Seleccionar]
.on {
background-image: url(menu.gif);
}
.off {
background-image: url(menu2.gif);
}
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">Home</td>
Así si que tendría que funcionar.

Saludos.
« Última modificación: 20 de Julio de 2007, 13:27:26 pm por FeDe »
En línea
Sin Firma me haces una? :P

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #8 en: 20 de Julio de 2007, 13:07:39 pm »
si lo pongo tal cual como me dijioste tu no furula:
http://farminds.hopto.org/wheb/java.php
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811

Desconectado FeDe

  • PHPero Avanzado
  • ****
  • Mensajes: 448
  • Karma: 35
  • Sexo: Masculino
  • BaDyDj -> ¡Mi Stylo, Mi ViDa!
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #9 en: 20 de Julio de 2007, 13:15:42 pm »
Buenas,

CLARO QUE NO FURULA!

Te he dado arriba el código css (<head><style type="text/css"> el código que te he dicho </style></head> y el <td>...)

No te lo voy ha dar todo hecho -.-"

Saludos.
En línea
Sin Firma me haces una? :P

Desconectado kekoman

  • PHPero Master
  • ******
  • Mensajes: 1.180
  • Karma: 45
  • Sexo: Masculino
  • Mi nuevo usuario es marco811
    • Ver Perfil
Re: Problema con mouserover y mouseout
« Respuesta #10 en: 20 de Julio de 2007, 14:03:41 pm »
 :'( :'( perdon por ser tan n00b en javascript y css, lo puse tal como me dijiste:
Código: [Seleccionar]
<html>

<head><style type="text/css">
.on {
background-image: url(menu.gif);
}
.off {
background-image: url(menu2.gif);
}
</style></head>

<body>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">Home</td>
</body>

</html>

pero sigue igual
« Última modificación: 20 de Julio de 2007, 14:45:46 pm por kekoman »
En línea


Este usuario ya no lo uso, mi nuevo usuario es marco811
Páginas: [1]   Ir Arriba
« anterior próximo »