I have an ASP.NET 4.0 webform (uses no AJAX) where users fill in some information, in five steps (a wizard).
During step 2 (see attached screenshot) and step 4, when they give an e-mail address, the address will be checked when they click “next”. The application will lookup mx-records and contact the mailserver. This can be time consuming, mostly a few seconds but sometimes 10 seconds.
Your job: to prevent users thinking something is wrong, an overlay or loading message must be displayed. It can be an overlay or a div on the page. The message must disappear when the postback is done and the next step is viewed. Write your own JavaScript or use a JQUERY solution (such as http://malsup.com/jquery/block/#page).
The solution must work in all recent browsers (IE9 & IE8, FF5 & FF4, Chrome 12, Opera 11, Safari 5). In older browsers, or when users have deactivated Javascript, the script must have absolute no influence on the page (e.g. broken CSS).
Attached is a zipped folder with a little testsite, containing the .aspx page and the codebehind (written in VB). The codeblock where the mailadress is checked, is replaced with a wait statement of 2,5 seconds for testing purposes.
If the project is assigned to you and you have adapted the files of the testsite, put the working example online so I can test it.
