Prevent Double Clicking

[racskelly]

Hi

I'm trying to prevent users from double clicking buttons when they submit a form..

Ideally I'd like to load a flash preloader file floating in the middle of the screen when they click submit on the button.

I'm also using images as my buttons on my forms..not standard html buttons.

Any ideas?

 

[monksnake]

Hmm, this is messy. We have to do stuff like this where I work.

I don't personally like doing any of it.

One way is to disable all your buttons when you submit the form.

Another way, (I told you I don't like it), if you have no dropdown boxes or text fields on your page is to put an absolutely positioned div with a higher z-index in front of the page, blocking clicks.

If you do have dropdown boxes or text fields, you would need to put an iframe in front of your page, then put the div on top of it.

<.

 

[cLFlaVA]

or you could potentially hide the button with CSS.



*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[Foamcow]

Is the purpse of the 'flash preloader' to indicate that something is happening?

If so you don't need to and should probably avoid Flash. You can use javascript to create/reveal an absolutely positioned div and disable/remove the button.

Actually, a better option might be to use javascript to replace the button with a 'processing' icon when it's clicked.



<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.