Javascript onmouseover que no trabajan con DOCTYPE en Firefox?
-
18-09-2019 - |
Pregunta
Estoy utilizando el evento onmouseover JavaScript para el menú en mi sitio web, pero no funciona en Firefox cuando declaro un tipo de documento. Y si no declaro un tipo de documento IE muestra la página equivocada. Este es el método que he utilizado.
loadImage1 = new Image();
loadImage1.src = "http://broken.gif";
staticImage1 = new Image();
staticImage1.src = "http://broken.gif";
loadImage2 = new Image();
loadImage2.src = "http://broken.gif";
staticImage2 = new Image();
staticImage2.src = "http://broken.gif";
loadImage3 = new Image();
loadImage3.src = "http://broken.gif";
staticImage3 = new Image();
staticImage3.src = "http://broken.gif";
function showa() {
image1.src=loadImage1.src;
}
function hidea() {
image1.src=staticImage1.src;
}
function showb() {
image2.src=loadImage2.src;
}
function hideb() {
image2.src=staticImage2.src;
}
function showc() {
image3.src=loadImage3.src;
}
function hidec() {
image3.src=staticImage3.src;
}
Y en el cuerpo:
<a href="http://broken.html" onMouseOver="showa()" onmouseout="hidea()">
<img name="image1" src="http://broken.gif" alt="Browse" width="193" height="47" border="0" />
</a>
<a href="http://broken.html" onmouseover="showb()" onmouseout="hideb()">
<img name="image2" src="http://broken.gif" width="193" height="47" alt="Make a List" border="0" />
</a>
<a href="http://broken.html" onmouseover="showc()" onmouseout="hidec()">
<img name="image3" src="http://broken.gif" width="193" height="47" alt="Requests" border="0" />
</a>
</div>
<div id="searchbar">
<img src="..broken.gif" width="222" height="41" />
<img src="..broken.gif" width="108" height="41" alt="Search" />
Solución
Firefox no le gusta la forma en que se refieren a las imágenes por su nombre. Uso Id y getElemenById lugar.
Editar. Aviso excelente Ben en blanco' comentan que por alguna razón armas de destrucción masiva no se mostrarán correctamente en el puesto.
Otros consejos
Ok gran Yo tengo trabajo con javascript. Tengo que decir que estoy muy impresionado con esta comunidad, gracias por toda su ayuda. Ahora voy a aprender a hacerlo de la manera correcta;).