input type="image" nach onmouseover soll src ändern

[ticcoid]

hallo,

also ich habe folgendes problem. ich habe ein formular mit nem button, der aber type="image" ist. und wenn ich mit der maus rüber fahre dann soll sich der button ändern. ich habe folgenden lösungsvorschlag, der aber leider nicht funktioniert:

<input type="image" id="button" src="img/sendcontact_de.gif" alt="Absenden" onMouseOver = "buttonswitch()" />

dann in einer externen js datei folgendes:

function buttonswitch() {
 document.formular.button.src="img/sendcontact_hoover_de.gif";
}

was mache ich da falsch?

[Paul]

Moin,

<input type="image" id="button" src="img/sendcontact_de.gif" alt="Absenden" onMouseOver = "buttonswitch()" />

document.formular.button.src="img/sendcontact_hoover_de.gif";

Mit documanrt.formular.button greifst du auf den "name" des Felder zu. Deins hat aber keinen namen. Versuchs mal mit document.getElementById('button').src

Paul

[ticcoid]

hm, das hatte ich ganz am Anfang probiert geht aber auch nicht. Hat das denn noch nie jemand gemacht?

[suit]

hm, das hatte ich ganz am Anfang probiert geht aber auch nicht. Hat das denn noch nie jemand gemacht?

schon, aber das ist so lange her, dass es schon nicht mehr wahr ist

versuchs mit css-buttons ;)

ansonsten <img src="blah.jpg" omouseover="this.src='blah1.jpg';" onmouseout="this.src='blah.jpg';" alt="irgendeinbild " />

alternativ kann this auch durch documentgetelementbyid ersetzt und das img um eine id ergänzt werden

weiters lässt sich dann auch das img durch ein input ersetzen

das sollte dich deiner lösung näher bringen

[Don P]

Hallo,

Versuchs mal mit document.getElementById('button').src
hm, das hatte ich ganz am Anfang probiert geht aber auch nicht.

Wenn das so ist, handelt es sich wohl XHTML (dafür weist auch der Slash am Ende deines inputs hin), und da ist onMouseOver als Attributname nicht erlaubt, denn: "XHTML documents must use lower case for all HTML element and attribute names".

Gruß, Don P