Prevent users from clicking any submit button more than once

Step 1: Locating the Progress Bar Behaviour

The WebAssist Progress Bar is located via the WebAssist menu on the top of the main Dreamweaver menu bar and under the Forms sub menu.

Step 2: Customisation

WebAssist have kindly created different themes for the progress bar so that you can chose from a range of themes that can look good with your website design...I always like the Slate theme using the Bar category as this is nutural for practically any website design.

Step 3: The final look in your code

Here is a more indepth look at what the WebAssist Progress Bar behaviour has added to your code:

First is adds a javascript reference like so:

<script src="webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>

Secondly it wraps itself around your form, like so:

<div id="form1_ProgressWrapper">

<form>
...........
</form

</div>

Thirdly it adds the code which initialises the javascript function and using some CSS it hides the Progress Bar by default using display:none;

Like so;

<div id="form1_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('form1', 'form1_ProgressMessageWrapper', WADFP_Theme_Options['Bar:Slate']);
</script>
<div id="form1_ProgressMessage" >

	<p style="margin:10px; padding:5px;" ><img src="webassist/progress_bar/images/slate-bar.gif" alt="" title="" style="vertical-align:middle;" />&nbsp;&nbsp;Please wait</p>

</div>