input type="image" mit Mouseover-Effekt

[Elya]

Hallo liebes Forum,
in meiner Formularseite hat ein kreativer Designer einen wunderbaren grafischen Submitbutton gebastelt, der auf Mouseover mit Bildwechsel reagiert. Ich stehe gerade ziemlich auf dem Schlauch, wie ich Bildwechsel und Submit-Funktion zusammenbekomme.

<ratlos>Es geht zwar forms.elements.src, aber das Objekt ist ja ein Bildobjekt: xy = new Image(); xy.src="xy.gif" ... </ratlos>

Kann mir jemand auf die Sprünge helfen?

Danke!

Gruß aus Ehrenfeld,
Elya

[Sven Rautenberg]

Aloha!

<ratlos>Es geht zwar forms.elements.src, aber das Objekt ist ja ein Bildobjekt: xy = new Image(); xy.src="xy.gif" ... </ratlos>

Ich würde das Austauschen der Grafik im <input> vermeiden und im Falle von Javascript einfach eine Grafik mit Javascript-Link erzeugen, die das Formular abschickt (wie der Grafikwechsel da geht, dürftest du wissen), und andernfalls mit <noscript> einfach einen grafischen Submitbutton erzeugt.

<script type="text/javascript">
document.write('<a href="javascript:document.forms[0].submit()" onmouseover...onmouseout><img src="low.gif" width...height...alt...border></a>');
</script>
<noscript><input type="image" src="low.gif"></noscript>

- Sven Rautenberg

[Elya]

Hi Sven,
danke erstmal, ich glaube ich kann Dir in etwa folgen, probiere es morgen nach 'nem Neustart von Hirn und Rechner mal aus, da klappt es sicher besser ;-)

Gruß aus Ehrenfeld

Elya