Senden-Button erst nach bestimmter Zeit freigeben Drucken E-Mail
Scripting-Tipps - JavaScript

Den Absende-Button von Formularen kann man mit einem JavaScript blockieren und erst nach einer bestimmten Zeit freigeben. Der Einsatz eines solchen Buttons könnte zum Beispiel bei einer Registrierung sinnvoll sein. So wird der Besucher gezwungen, sich die Seite erst eine gewisse Zeit lang anschauen zu müssen, bevor er auf "Absenden" klicken kann.

Beispiel:

<input id="Send" type="submit" value="Abschicken">

<script type="text/javascript">
<!--
var Sekunden = 15;
var Buttonbeschriftung = "Absenden";

document.getElementById('Send').disabled = true;

for(i = 1; i <= Sekunden; i++)
{
    window.setTimeout("ButtonAktualisieren(" + i + ")", i*1000);
}

window.setTimeout("ButtonFreigeben()", Sekunden*1000);


function ButtonAktualisieren(VergangeneSekunden)
{
    if(VergangeneSekunden == Sekunden)
    {
        document.getElementById('Send').value = Buttonbeschriftung;
    }
    else
    {
        Restsekunden = Sekunden-VergangeneSekunden;
        document.getElementById('Send').value = Buttonbeschriftung + " (" + Restsekunden + ") ";
    }
}


function ButtonFreigeben()
{
    document.getElementById('Send').disabled = false;
}
//-->
</script>


Hinweis:
Achten Sie darauf, dass das Script erst nach dem Button eingefügt wird.
 

Weitere Artikel: