Preloader image on click of a button, while the next page is being loaded?

[angel1987]

I am trying to submit a form, but the next page loads very late.

 

So i was thinking to put a pre loader image or animated loading gif right after the form submission before the next page loads.

 

I am not sure how to do that, please help.

[titan21]

I don't think you're going to be able to do that unless you're going to be using AJAX?

[rythemton]

Create a function that acts upon 'onsubmit'. This function could cover the page with a full size (width and height 100%) fix position DIV that has the image you want displayed.

 

I wouldn't use the function to clear or change anything within the form itself, or you might loose the data from the form. Just covering the page would prevent the user from clicking submit again, and would let the user know that something was happening.