Javascript onmouseover не работает с doctype в Firefox? - PullRequest
0 голосов
/ 22 июля 2009

Я использую событие JavaScript onmouseover для меню на моем веб-сайте, но оно не работает в Firefox, когда я объявляю тип документа. И если я не объявляю тип документа, IE отображает страницу неправильно. Вот метод, который я использовал.

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

А в теле:

    <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" />

Ответы [ 2 ]

3 голосов
/ 22 июля 2009

Firefox не нравится, как вы ссылаетесь на ваши изображения по имени. Вместо этого используйте Id и getElementById.

Edit. Обратите внимание на отличный комментарий Бена Бланка, который по какой-то причине WMD не будет правильно отображаться в записи.

0 голосов
/ 22 июля 2009

Хорошо, отлично, я работал с JavaScript. Я должен сказать, что я так впечатлен этим сообществом, спасибо за вашу помощь. Теперь я научусь делать это правильно;).

...