onmouseover no me funciona en firefix

samy_fs3 · #1 (**permalink**) 19/03/2011, 11:18

Hola muy buenas!
Os planteo una cuestión a ver si por casualidad alguien sabe como solucionarlo.
Tengo una imagen mapeada con un onMouseOver para que aparezca otra imagen, que me funciona en IE y en chrome, lo malo es que en Firefox no, he estado investigando y es debido a lo que pone el dreamweaver por defecto esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

que por lo que he leído es un estándar para las webs y si lo quito me funciona el incomveniente es que entonces en IE se me descuadra toda la página.
Entonces me gustaría saber si hay algún "estándar" de estos para que funcionen el onMouseOver en firefox y no se me descuadren las capas en IE.

La página esta colgada la pueden mirar: http://www.losausentes.es/banda.htm

Comprobaran que funciona en todos los navegadores excepto en Firefox
gracias anticipadas,
y saludos.

InKarC · #2 (**permalink**) 19/03/2011, 11:34

En vez de hacer un mouseover con javascript para hacer un cambio simple de imagen deberias mejor simplemente usar la pseudoclase [URL="http://www.htmlpoint.com/css/css_15.htm"]:hover en css. [/URL]

zerokilled · #3 (**permalink**) 19/03/2011, 11:39

buenas...

firefox soporta el evento onmouseover al igual que el estandar HTML DTD Loose. lo que sucede es que estas haciendo referencia a un elemento en un metodo no estandar. estas usando el identificador samuel como si fuera una variable ya definida. esto funciona en muy pocos navegadores; primera instancia es un invento de iexplorer y los navegadores que le siguen lo han hecho a modo de compatibilidad con el script del autor. por eso es que te funciona en chrome. lo correcto es usar el metodo estandar document.getElementById para hacer referencia a un elemento.

samy_fs3 · #4 (**permalink**) 19/03/2011, 15:56

Muchas gracias! ya lo he solucionado gracias a vuestras respuetas! un saludo, un placer.

tokero · #5 (**permalink**) 15/06/2011, 03:00

Entonces... ¿Como queda la cosa?

¿Cual es la forma correcta de introducir un evento mouseover?

Yo estoy intentado hacer este evento:

Código Javascript:

Ver originalonmouseover="this.style.cursor = 'hand'"

Y funciona en todos los navegadores excepto en firefox...