Delay the "AGREE" Button

[Ruth]

in the rules section and before someone agrees to the rules, the AGREE button can't be clicked till after 30 seconds. to force them to read the rules.

any other thoughts?

[Admin]

There's probably a Java script for this... I guess.

[Stasik]

Ahm... ok....

u need to edit your signupadult and signupadult templates

find line starts with:

<form

replace the whole (!) line with:

<form action="register.php" method="post" name=register>

find line:

<input type="submit" class="bginput" value="Agree">

replace with:

<input type="submit" name="Submit" class="bginput" value="Agree">

after:

$footer

add

<script>
document.forms.register.Submit.disabled =true;
window.setTimeout("Timer()", 15000);
function Timer() {
document.forms.register.Submit.disabled =false;
};
</script>

delay here is set to 15 seconds.....

Demo here

[Admin]

Nice... 15 sec is a bit too long tho, I think 10 is better.

Good job!

[Stasik]

to make 10 sec delay replace 15000 with 10000

[Admin]

Yeah I figured that out myself.

great idea... makes them atleast... wait.. if they still are hard headed enough not to read the agreement

[holev]

improved it a bit:

<script>
secs = 10; // Number of secs to delay
wait = secs * 1000;
document.forms.register.Submit.disabled =true;
for(i=1;i<=(wait/1000);i++) {
	window.setTimeout("doUpdate(" + i + ")", i * 1000);
}
window.setTimeout("Timer()", wait);

function doUpdate(num) {
	if(num == (wait/1000)) {
		document.forms.register.Submit.value = "Agree";
	} else {
		wut = (wait/1000)-num;
		document.forms.register.Submit.value = "Agree (" + wut + ")";
	}
}

function Timer() {
	document.forms.register.Submit.disabled =false;
}
</script>

now it will show the user how much time is left by changing the value of the button.

[Admin]

Can you get a demo? I'd like to see this in action.

[Stasik]

Fly: cant u imagine it?

BradC: respect... i hadn`t need that feature