Domanda

Sto usando l'evento onMouseOver JavaScript per il menu sul mio sito, ma non funziona in Firefox quando dichiaro un DOCTYPE. E se non mi dichiaro un doctype IE visualizza la pagina sbagliata. Ecco il metodo che ho usato.

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;
}

E nel corpo:

    <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" />
È stato utile?

Soluzione

Firefox non piace il modo in cui si fa riferimento alle immagini per nome. Usare Id e getElementById invece.

Modifica. AVVISO eccellente Ben Blank' osservazione che per qualche ragione WMD non vengono visualizzate correttamente nel post.

Altri suggerimenti

Ok grande ho capito di lavoro con javascript. Devo dire che sono molto colpito da questa comunità, grazie per tutto il vostro aiuto. Ora ho intenzione di imparare a farlo nel modo giusto;).

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top