|
FAQ de.comp.lang.javascript |
|
|||||||||||
Bitte verwenden Sie als Einstiegsadresse in diese FAQ die
Homepage der Newsgroup de.comp.lang.javascript.
Der Aufenthaltsort dieser Seiten hier kann sich ohne Vorwarnung ändern.
Ein JavaScript-Programm kann ein HTML-Formular mit Hilfe der Methode form.submit() abschicken. Analog dazu gestattet form.reset() das Zurücksetzen des Formulares. Um nun aus einem Bild einen Submit/Reset-Button zu machen, muß das Bild lediglich zu einem Hyperlink werden, der dann die gewünschte Formular-Methode aufruft.
Das folgende Beispiel ruft die Methoden nach dem Anklicken eines Links auf. Die Links sind hier durch Bilder dargestellt.
Der erste Link (Submit) benutzt den URL javascript:abschicken(), der zweite Link benutzt javascript:zuruecksetzen(). Die Funktionen sehen so aus:
function anzeige() // Anzeigen des Formular-Inhaltes und Abfragen,
{ // ob es wirlkich abgeschickt werden soll.
var forminhalt = document.testform.text.value;
return confirm("Der eingegebene Text war: \n" +
forminhalt +
"\nSoll ich wirklich abschicken?");
}
function abschicken()
{
if (anzeige()) // Abschicken, falls confirm den Wert true liefert.
self.document.testform.submit();
}
function zuruecksetzen() // Zuruecksetzen
// und dann anderes Bild anzeigen
// (nur für Browser, die das Image-Objekt kennen):
{
self.document.testform.reset();
if (document.images)
self.document.reset.src = reset2.src;
}
// zweites Reset-Bild vorladen
// (nur für Browser, die das Image-Objekt kennen):
if (document.images)
{
var reset2 = new Image();
reset2.src = "reset2.gif";
}
Achtung: Folgende Probleme entstehen bei Benutzung der submit()- bzw. reset()-Methode.
Diese Seite ist Teil der de.comp.lang.javascript FAQ. Die Einstiegsadresse lautet http://www.dcljs.de/.
Dieser Text wurde erstellt von Stefan Mintert (©) und zuletzt bearbeitet von Christine Kühnel.
© S. Mintert, Ch. Kühnel
______ letzte Änderung: 01.01.2002 ______
Original-URL dieser Datei: http://dcljs.de/faq/antwort.php?Antwort=forms_imgsubmit