TMPH00036

BaukastenHilfe24 - Hier wird dir geholfen!

Zeitsperre

Anleitung: Button mit Zeitsperre


Oftmals möchte man bei Anmeldeformularen oder ähnmlichem von den Besuchern, dass sie Bestimmungen oder Regeln akzeptieren sollen. Meist wird dann aber einfach nur auf weiter geklickt und die Regeln/Bestimmungen werden nicht gelesen. Um dies zu verhindern, haben wir hier für dich einen Button mit integrierter Zeitsperre vorbereitet.

Beispiel:

Den Button den hier seht lässt sich erst nach 20 Sekunden anklicken:



Der HTML-Code:
Diesen Code musst du im Quellcode deiner Seite einfügen.
<a href="http://www.NicolasDischinger.de.tl" target="_blank">   <input type="button" value="Button Text" id="Send" name="" />   <script type="text/javascript">
<!--
var Sekunden = 10;
var Buttonbeschriftung = "Button Text";

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></a>

Das rotgeschriebene im Code ist der Text der im Button steht.
Das grüngeschriebene im Code ist die Zeit in Sekunden die der Button herunterzählen soll.

Für weitere Fragen stehen wir natürlich gerne zur Verfügung. Einfach unten in den Kommentaren oder unter Kontakt bei uns melden!



=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=