Bildwechsel bei <input type="image"..> möglich?

[Jürgen]

Hallo!

Ich verwende folgendes um dynamisch Bilder zu wechseln seit eh und je.

x1off = new Image(); x1off.src = "images/speichern_off.gif";
x1on = new Image(); x1on.src = "images/speichern_on.gif";

function imgOn(imgName)
{
document[imgName].src = eval(imgName +  "on.src");
}
function imgOff(imgName)
{
document[imgName].src = eval(imgName +  "off.src");
}

Was ich aber noch nie probiert habe ist innerhalb eines Formulars einen dynamischen "submit" oder "reset" button zu erstellen.

Nun, heute wars soweit und aus irgendeinem Grund will es nicht funktionieren (Es sei vermerkt das ich mich mit Javascript nie wirklich auseinandergesetzt habe).

Das sieht so aus
<td><input type="image" name="submit" src="./images/speichern_off.gif" OnMouseOver="imgOn('x1on')" OnMouseOut="imgOff('x1off')"></td>

Ich krieg die Meldung das document... kein objekt ist..

Wer kann mir da mal helfen und sagen ob es denn geht und wenn wie?

Vielen Dank schon mal im voraus!

Liebe Grüße aus Wien,
Jürgen

[Antje Hofmann]

Hallo Jürgen

Was ich aber noch nie probiert habe ist innerhalb eines Formulars einen dynamischen "submit" oder "reset" button zu erstellen.

Das sieht so aus
<td><input type="image" name="submit" src="./images/speichern_off.gif" OnMouseOver="imgOn('x1on')" OnMouseOut="imgOff('x1off')"></td>

Ein grafischer Submitbutton ist kein Imageobjekt.

Lösung:

• Verpasse ihm eine id und spreche die Eigenschaften über die id an (geht nicht im NN4)

• Übergebe mit this das Objekt an die Funktion (geht nicht im NN4)

• verwende alternativ nomale Grafiken und hinterlege diese mit <a href="#" onclick="deinFormular.submit();return false" onmouseover="...">Bild</a> (geht auch im NN4)

Viele Grüße

Antje