Pergunta

Eu estou usando o JavaScript onmouseover evento para o menu no meu site, mas ele não funciona no Firefox, quando eu declarar um tipo de documento. E se eu não declarar um DOCTYPE IE exibe a página errada. Aqui está o método que eu usei.

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 no 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" />
Foi útil?

Solução

O Firefox não gosta do jeito que você se referir às imagens ao nome. Use Id e getElementById vez.

Editar. Aviso excelente Ben Blank' comentário que por algum motivo WMD não serão exibidos corretamente no post.

Outras dicas

Ok grande que eu tenho que trabalhar com javascript. Eu tenho que dizer que estou tão impressionado com esta comunidade, obrigado por toda sua ajuda. Agora eu estou indo para aprender a fazê-lo da maneira certa;).

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top