[HTML] Resetbutton per image

dr-chiller · 16. Oktober 2004

Moin,

ich habe folgendes Problem, ich will einen Resetbutton per image machen. Also so

<input type="image" src="bild.gif" value="Reset">

das geht ja nicht aber wie mache ich dem klar das es gehen muss. Der Richtige Button sieht ja so aus

<input type="reset" value="Reset">

ich will diese Funktion mit einem Bild, wie kann ich das machen ? Per css habe ich es schon probiert, geht aber nicht so wie ich mir das vorstelle.

Bitte helft mir !!

The Prophet · 16. Oktober 2004

Scheint wohl nur mit JS zu gehen da type als reset deklariert sein muss.
http://tech.irt.org/articles/js185/
http://de.selfhtml.org/html/formulare/formularbuttons.htm
http://www.dcljs.de/faq/antwort.php?Antwort=forms_imgsubmit

dr-chiller · 16. Oktober 2004

danke, aber die arbeite alle mit alerts ! das will ich aber nicht wie kriege ich die denn raus ??

Schedeffen · 17. Oktober 2004

Wie wäre es, wenn du das Bild auf den Button machst?
Bei selfhtml ist ein Beispiel dazu zu finden Klick

HTML:

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>Verweise einmal anders</h1>

<form action="button.htm">
<div>
<button name="Klickmich" type="button"
  value="SELFHTML" onClick="self.location.href='http://aktuell.de.selfhtml.org/'">
 <p><img src="selfhtml.gif" width="106" height="109" border="0" alt="SELFHTML Logo"><br>
 <b>SELFHTML Portalseite</b></p>
</button>
</div>
</form>

</body>
</html>

dr-chiller · 17. Oktober 2004

und wie mache ich dem klar das ich nen "reset" machen will ?

TraXleR · 2. November 2004

Hallo,
das machst Du folgendermaßen:

HTML:

<FORM action="mailto:xyz@qwertz.de" method="post">
<font face="arial">
<TABLE border="0" cellpadding="5" bgcolor="#ffff99">
<TR><TD>E-mail:<br><INPUT name="eMail" size="40"></td></tr>
<TR><TD>Name:<br><INPUT name="Name" size="40"></td></tr>
<TR><TD> Nachricht:<br><TEXTAREA cols="35" name="Nachricht" rows="7"></textarea></td></tr>
<TR><TD colspan="2" align="center" bgcolor="#ffffff">
<A href="javascript:pruefen(document.forms[0])"><IMG border=0 src="send.jpg" alt="senden"></a>
<A href="javascript:document.forms[0].reset();"> <IMG border=0 src="reset.jpg" alt="loeschen"></a> </td></tr>
</table>
</font>
</form>

und wenn Du dann noch folgende Zeilen in den Head-Bereich kopierst, dann funktioniert sogar noch die Formularprüfung (javascript: pruefen(document.forms......):

HTML:

<SCRIPT language=Javascript>
<!-- function pruefen(frm){ if (!frm.eMail.value){ alert("Bitte gib Deine eMail-Adresse ein."); frm.eMail.focus(); return; } if (frm.eMail.value.indexOf('@') == -1){ alert('Bitte die ganze eMail-Adresse eingeben.'); frm.eMail.focus(); return; } if (frm.eMail.value.indexOf('.') == -1){ alert('Bitte die ganze eMail-Adresse eingeben.'); frm.eMail.focus(); return; } if (!frm.Name.value){ alert("Du hast keinen Namen eingetragen."); frm.Name.focus(); return; } if (!frm.Nachricht.value){ alert("Bitte gib noch einen Kommentar ein."); frm.Nachricht.focus(); return; } frm.submit(); } // -->
</script>

Hoffe ich konnte weiterhelfen!

Gruß
TraXleR

Suche

[HTML] Resetbutton per image

dr-chiller

Cadet 4th Year

The Prophet

Rear Admiral

dr-chiller

Cadet 4th Year

Schedeffen

Lt. Junior Grade

dr-chiller

Cadet 4th Year

TraXleR

Cadet 3rd Year

Ähnliche Themen