koenner
Mitglied
Liebes Forum,
die Rede ist von einem 0815-Formular mit "send" & "reset" Buttons. Jedoch sollen die Buttons ein bestimmtes Design und Verhalten anden Tag legen, deshalb sollen die Elemente keine "echten" Schaltflächen sondern Bilder sein.
Beim onMouseDown event auf das "send" Button-Image wird ein neues Bild aufgerufen. Beim onClick event wird eine JS-Funktion ausgeführt. Klappt Alles prima.
Beim "reset" Button-Image indes klappt entweder das onClick oder das onMouseDown. Beide bekomme ich nicht unter einen Hut.
Hier das erste Skript unter Verwendung des "input type=image" tags. onClick funktioniert, onMouseDown nicht!
...
<input type="image" name="reset"
onMouseDown="changeImages('reset','../images/reset_d.gif');"
onMouseUp="changeImages('reset','../images/reset.gif');"
onClick="document.onlineform.reset(); return false;"
src="../images/reset.gif" alt="reset each form element" border="0">
...
Und hier ein alternatives Skript unter Verwendung des trivialen img tags. Diesmal funktioniert onMouseDown, aber onClick nicht mehr!
...
<img src="../images/reset.gif" name="reset"
onMouseDown="changeImages('reset','../images/reset_d.gif');"
onMouseUp="changeImages('reset','../images/reset.gif');"
onClick="document.onlineform.reset();"
src="../images/reset.gif" alt="reset each form element" border="0">
...
Was mache ich falsch?
Herzlichen Dank für Eure Hilfe.
Mit freundlichem Gruß,
Ralf
die Rede ist von einem 0815-Formular mit "send" & "reset" Buttons. Jedoch sollen die Buttons ein bestimmtes Design und Verhalten anden Tag legen, deshalb sollen die Elemente keine "echten" Schaltflächen sondern Bilder sein.
Beim onMouseDown event auf das "send" Button-Image wird ein neues Bild aufgerufen. Beim onClick event wird eine JS-Funktion ausgeführt. Klappt Alles prima.
Beim "reset" Button-Image indes klappt entweder das onClick oder das onMouseDown. Beide bekomme ich nicht unter einen Hut.
Hier das erste Skript unter Verwendung des "input type=image" tags. onClick funktioniert, onMouseDown nicht!
...
<input type="image" name="reset"
onMouseDown="changeImages('reset','../images/reset_d.gif');"
onMouseUp="changeImages('reset','../images/reset.gif');"
onClick="document.onlineform.reset(); return false;"
src="../images/reset.gif" alt="reset each form element" border="0">
...
Und hier ein alternatives Skript unter Verwendung des trivialen img tags. Diesmal funktioniert onMouseDown, aber onClick nicht mehr!
...
<img src="../images/reset.gif" name="reset"
onMouseDown="changeImages('reset','../images/reset_d.gif');"
onMouseUp="changeImages('reset','../images/reset.gif');"
onClick="document.onlineform.reset();"
src="../images/reset.gif" alt="reset each form element" border="0">
...
Was mache ich falsch?
Herzlichen Dank für Eure Hilfe.
Mit freundlichem Gruß,
Ralf