How to make my page non clickable when a form submit process is working ?

Question

I would like to load an overlay image or something when a long time form submit process is working. So that no one can click, any other links in the page during the process, and at the same time show a loading image over the overlay image...how can i make this work with jquery..

Answer 1

Given the features you're after, check out the blockUI plugin for this, you can find the demos here.

Answer 2

Simple declare a dialog of 0 width and height (id=block-pane)

When you want to block user input : $("#block-pane").dialog("open");