Creating a generic “Please Wait…” page for ASP.NET
February 8, 2009
I was looking at Peter Bromberg’s post ”Build a dynamic progress page” which is about creating a “Loading” page for time-taking asp.net webpages. The problem with Peter’s solution is if your destination page has more than one query string params, then it wont work. Another small problem is non-standard DOM access which wont work in non-IE browsers (it was written almost five years back so it might not a big concern at that time)
Here is the modified code to make it work with query string AND non-IE browsers.
The basic idea is having a transient ‘Loading’ page which loads the time-taking page in the background and in meantime show a nice animated progress bar. Lets name our middle page ‘loading.aspx’
loading.aspx
Header section has javascript code to show, hide progress bar while loading the destination page
Body has nothing but visual element for progress bar. Note that we are calling Begin() on body load and End() on unload.
loading.aspx.cs
In the code-behind, destinal URL is generated.
Finally, to use this page to call a time-consuming page (say longloadingpage.aspx) which takes ID1 and ID2 as query params simply call
/loading.aspx?destPage=longloadingpage.aspx?ID1=123&ID2=345
March 23, 2009 at 12:27 pm
thanks. that was interesting. as a beginner programmer i want to try it.
-jon
QA
Thinkstream Inc., Baton Rouge, LA
July 11, 2009 at 2:09 pm
I made several corrections/modifications to this code.
1. You need quots around this
window.location = “”;
2.
// we don’t really want to include the first querystring, so avoid it by using a simple counter.
int count = 0;
foreach (string k in Request.QueryString.AllKeys)
{
if (count > 0)
destURL += “&” + k + “=” + Request.QueryString[k].ToString();
count++;
}
// including a label may be usefull for users to visualize. and * 6 is close enough to simulate the 100 percent.
2.
if(curCtr <= ctrMaxIterations)
{
document.getElementById("indicator").style.width = curCtr * 10 + "px";
document.getElementById("Status").innerText= curCtr * 6 + "%";
return curCtr;
}
This is a very helpful program. Thanks for improving and sharing it. Of course thanks to Peter Bromberg for developing this wonderfull code for us.