On the current ASP.NET project that I’m working on, I’m using AJAX to save the user input to a WebMethod(WebService). While the save is running the user needs to be prompted that their data is being save. At this time the user should not be able to do any other action on the page until the save has completed.
Below are the resource that I used to solve this problem. All the resources but the first were fairly complex. The first resource did a very good job of solving my problem. I listed the other resource because they provided some additional information.
Resources:
Modal-style pops in Javascript and CSS (The simplest and it works; works in IE7 and FireFox 3)
http://weblogs.asp.net/jeff/archive/2006/10/25/Modal_2D00_style-pops-in-Javascript-and-CSS.aspx
Modal-style pops in Javascript and CSS (The simplest and it works; works in IE7 and FireFox 3)
http://weblogs.asp.net/jeff/archive/2006/10/25/Modal_2D00_style-pops-in-Javascript-and-CSS.aspx
Lightbox Gone Wild (JavaScript Libary) (Looks fairly complex)
http://particletree.com/features/lightbox-gone-wild/
http://particletree.com/features/lightbox-gone-wild/
Another JavaScript Libary
http://www.koders.com/javascript/fidAFB23A623D6871BA34DDD6A318AC406421EA2C5A.aspx
http://www.koders.com/javascript/fidAFB23A623D6871BA34DDD6A318AC406421EA2C5A.aspx
Javascript Modal Dialog Tutorial (Discusses issues that browses have)
http://luke.breuer.com/tutorial/javascript-modal-dialog.aspx
http://luke.breuer.com/tutorial/javascript-modal-dialog.aspx
Snippets: Howto Grey-Out The Screen
http://www.hunlock.com/blogs/Snippets:_Howto_Grey-Out_The_Screen
http://www.hunlock.com/blogs/Snippets:_Howto_Grey-Out_The_Screen
Modal Dialog Box – modalDialog.js (JavaScript Library)
http://www.applicationgroup.com/tutorials/modalDialog/modalDialog.asp
http://www.applicationgroup.com/tutorials/modalDialog/modalDialog.asp