Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQS zu HP&Co.
Formulare - Buttons zum Senden mit Countdown / Zeitsperre versehen (Javascript)

Wenn der Senden-Button bei einem Formular erst nach einer zeitlichen Verzögerung anklickbar sein soll - warum auch immer - dann hier


schauen. Bei "Quelltext anzeigen" gibt es den Code (HTML und Javascript), beide auf der eigenen Seite im Quelltext im Bodybereich einbauen.

Wichtig:

A) Im Javascript-Teil nur hier die Sekunden eintragen

var secs = 10;

den übrigen Javascript-Code aber nicht ändern, mit Ausnahme evtl. Textanpassungen an den rotmarkierten Stellen

function update(num) {
 if(num == (wait/1000)) {
  document.sform.submitbtn.value = "Abschicken";
 }
 else {
  printnr = (wait/1000)-num;
  document.sform.submitbtn.value = "Abschicken (" + printnr + ")";
 }
}

Anmerkung:
 Der Text Abschicken erscheint auf dem Button zum Verschicken des Formulars. Dies ist nur ein Teil des Javascript-Codes.

B) Im HTML-Teil
werden die folgenden Angaben unbedingt gebraucht, damit Javascript darauf zugreifen kann.

1) Beim Form-Tag die Angabe name="sform" hinzufügen.

2) Beim Input-SUBMIT-Code (Button) die Angabe name="submitbtn" einfügen

<form action="" method="POST" name="sform">
...hier die Eingabefelder des Formulars...
<input class="input" type="SUBMIT" name="submitbtn" value="Abschicken">
</form>

Anmerkung: Falls bei 1) und/oder 2) Anpassung erforderlich wären, dann müsste auch hier angepasst werden

document.sform.submitbtn.value (kommt 2 mal im Javascript-Teil vor)

da dieses in Verbindung steht zu name="sform" und name="submitbtn"


Anleitung (C) 2010 Daniel Wurst - http://www.homepage-faqs.de