Frage

Ich bin mit dem JavaScript Onmouseover Ereignisse für das Menü auf meiner Website, aber es funktioniert nicht in Firefox, wenn ich einen Doctype erklären. Und wenn ich nicht ausdrücklich erklären, einen Doctype IE zeigt die Seite falsch. Hier ist die Methode, die ich verwendet.

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

Und im Körper:

    <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" />
War es hilfreich?

Lösung

Firefox nicht wie die Art und Weise Sie Ihre Bilder mit Namen beziehen. Verwenden Id und getElementById statt.

Bearbeiten. Beachten Sie ausgezeichnete Ben Blank‘anmerken, dass aus irgendeinem Grund WMD wird nicht korrekt in der Post angezeigt werden soll.

Andere Tipps

Ok groß, ich habe es mit JavaScript arbeiten. Ich muss sagen, dass ich mit dieser Gemeinschaft so beeindruckt bin, vielen Dank für Ihre Hilfe. Jetzt werde ich lernen, es richtig zu tun;).

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top