JB,
Instead of having the user call the slow-loading page directly, you
will need to create an intermediate page. You pass the URL (with
querystring) of the slow-loading page to the intermediate page, which
in turn calls the slow-loading page using javascript. In the interim,
it does something (shows "progress bar", message or animation).
I have attached some example script which should help you. The initial
calling page is called orderstart.aspx . The intermediate page is
pageload.aspx and the slow-loading page is called ordercomplete.a spx
(not shown here directly). This code is from an asp.net "Black belt"
presentation by INETA.
Bill E.
Hollywood, FL
_______________ _______________ __
orderstart.aspx .vb
Private Sub Button1_Click(B yVal sender As System.Object, ByVal e As
System.EventArg s) Handles Button1.Click
Server.Transfer ("PageLoad.aspx ?Page=ordercomp lete.aspx?partn umber=" &
TextBox1.Text, True)
End Sub
_______________ _______________ __
pageload.aspx
<HTML>
<HEAD>
<title>PageLoad </title>
<script language="javas cript">
var iLoopCounter = 1;
var iMaxLoop = 6;
var iIntervalId;
function BeginPageLoad() {
location.href = "<%= Request.QuerySt ring("Page")%>" ;
iIntervalId =
window.setInter val("iLoopCount er=UpdateProgre ssMeter(iLoopCo unter,
iMaxLoop)", 500);
}
function EndPageLoad() {
window.clearInt erval(iInterval Id);
ProgressMeter.i nnerText = "Page Loaded -- Not Transferring";
}
function UpdateProgressM eter(iCurrentLo opCounter, iMaximumLoops) {
iCurrentLoopCou nter += 1;
if (iCurrentLoopCo unter <= iMaximumLoops) {
ProgressMeter.i nnerText += ".";
return iCurrentLoopCou nter;
}
else {
ProgressMeter.i nnerText = "";
return 1;
}
}
</script>
</HEAD>
<body onload="BeginPa geLoad()" onunload="EndPa geLoad()">
<form id="Form1" method="post" runat="server">
<table border="0" cellpadding="0" cellspacing="0" width="99%"
height="99%" align="center"
valign="middle" >
<tr>
<td align="center" valign="middle" >
<font color="navy" size="7">
<span id="MessageText ">Processin g Order -- Please
Wait</span>
<span id="ProgressMet er"
style="WIDTH:25 px;TEXT-ALIGN:left"></span>
</font>
</td>
</tr>
</table>
</form>
</body>
</HTML>
