Question

Can you offer a bit of advice.

I am using a hosted SAAS CMS solution that enables you to create basing apps with a web apps system. I have created a form for members to submit a bunch of images and content to their own area. Everything is working great except if the images being submitted via the form are large, it takes ages for the form to submit and go to the thank you page. I am already using jQuery UI to split the form in to 5 steps and using the jQuery facebox plugin for instructional popups.

My question is, what would be the best way to display a loading gif (in facebox or in another suggested overlay) while the form is being submitted?

Thanks for your help!
Jack

Answer 1

$('#myForm').bind('submit', function() {
  $('#ajax-loading').show()
});

Put your loading image inside a div with id “ajax-loading” with css “display: none;”