Javascript onmouseover ne fonctionne pas avec doctype dans Firefox?
-
18-09-2019 - |
Question
J'utilise l'événement onmouseover JavaScript pour le menu sur mon site, mais il ne fonctionne pas dans firefox quand je déclare un type de document. Et si je ne déclare pas un doctype IE affiche la mauvaise page. Voici la méthode que je.
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;
}
Et dans le corps:
<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" />
La solution
Firefox n'aime pas la façon dont vous faites référence à vos images par nom. Utilisez Id et getElementById à la place.
Modifier. Avis excellente Ben Blank » commentaire qui pour une raison quelconque armes de destruction massive ne seront pas affichées correctement dans le poste.
Autres conseils
Ok je l'ai eu grand travail avec javascript. Je dois dire que je suis tellement impressionné par cette communauté, merci pour votre aide. Maintenant, je vais apprendre à faire de la bonne façon;).