How to show "Please wait..." on page load with masterpage

I have a page with a couple of charts that takes a while to load.  So while that is loading I want to show a wait page.  So I have a menu option and the menu redirects to my web page that takes a while to load.   Here is the web page and the master page, with code I'ved tried, but until if finishes loading, I cant get anything else to show.  I did try using a intermediate page with a redirect on it but that didn't show the intermediate page while it was loading either.  Thanks for help in advance.

<%@ Page Title="" Language="VB" MasterPageFile="~/ChartsAndGraphs/OverRides/Console_Master_Page1.master"
    AutoEventWireup="false" CodeFile="PropertyOverRides.aspx.vb" Inherits="DataGraphs_PropertyOverRides" %>
<%@ MasterType VirtualPath="~/ChartsAndGraphs/OverRides/Console_Master_Page1.master" %>
<%@ Register assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>





<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server" >
  
   
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<Triggers>
	
</Triggers>
<ContentTemplate>
	<table style="width: 100%">
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<asp:Chart ID="ChartSummary"  runat="server" Width="920px" >
					<Legends>
						<asp:Legend LegendItemOrder="ReversedSeriesOrder" Name="Legend1" Title="Legend">
						</asp:Legend>
					</Legends>
					<Titles>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title1" Text="Lexis Nexis Overrides"></asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title2" Text="All RPM's"></asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title3" >
						</asp:Title>
					</Titles>
					<Series>
						
						<asp:Series Name="Count" ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Current"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Leased"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Applicant" ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Notice"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Previous"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Cancels"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="No Finds"  ChartType="StackedColumn" LegendUrl="http://www.theapartmentgallery.com"></asp:Series>
						
					</Series>
					<ChartAreas>
						<asp:ChartArea Name="ChartArea1" >
						</asp:ChartArea>
					</ChartAreas>
				</asp:Chart>
			</td>
			
		</tr>
	</table>
	<asp:UpdateProgress ID="UpdateProgress1"  runat="server">
		<ProgressTemplate>
			<img src="~/images/Blue-004-loading.gif" alt="Loading" />
			Please wait...
		</ProgressTemplate>
	</asp:UpdateProgress>
</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePane12" runat="server" UpdateMode="Conditional">
<Triggers></Triggers>
<ContentTemplate>
	<table style="width: 100%">
		<tr>
			<td>
				<asp:Label ID="Label1" runat="server" Text="Select RPM:"></asp:Label>
				<asp:DropDownList ID="ddRegion" runat="server" AutoPostBack="True" >
					<asp:ListItem Selected="True" Value="Brendan Katherman">Brendan</asp:ListItem>
					<asp:ListItem Value="Cindy Kotcamp">Cindy</asp:ListItem>
					<asp:ListItem Value="Hope Bower">Hope</asp:ListItem>
					<asp:ListItem Value="Pat Manalli">Pat</asp:ListItem>
				</asp:DropDownList>
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<asp:Chart ID="ChartRegion" runat="server" Width="920px">
					<Legends>
						<asp:Legend LegendItemOrder="ReversedSeriesOrder" Name="Legend1" Title="Legend">
						</asp:Legend>
					</Legends>
					<Titles>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title1" Text="Lexis Nexis Overrides">
						</asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title2">
						</asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title3">
						</asp:Title>
					</Titles>
					<Series>
						<asp:Series Name="Count" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Current" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Leased" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Applicant" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Notice" IsValueShownAsLabel="true" ChartType="StackedColumn" >
						</asp:Series>
						<asp:Series Name="Previous" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Cancels" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="No Finds" IsValueShownAsLabel="true" ChartType="StackedColumn"  LegendUrl="http://www.theapartmentgallery.com">
						</asp:Series>
						
					</Series>
					<ChartAreas>
						<asp:ChartArea Name="ChartArea1">
                            <AxisX Interval="1" TitleFont="Microsoft Sans Serif, 10pt">
                            </AxisX>
						</asp:ChartArea>
					</ChartAreas>
				</asp:Chart>
			</td>
		</tr>
	</table>
    <asp:UpdateProgress ID="updateProgress2" runat="server" >
        <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 80%; width: 80%; top: 0;
                right: 0; left: 0; z-index: 9999999;">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/Blue-004-loading.gif"
                    AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed;
                    top: 45%; left: 50%;" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
    
<div>
<br />
	

</div>
<asp:UpdatePanel runat="server" ID="UpdatePanel3" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddRegion" EventName="SelectedIndexChanged"/>

</Triggers>
<ContentTemplate>
	<table style ="width:100%">
	<tr>
		<td>
			<asp:Label ID="Label3" runat="server" Text="Select Period for Details"></asp:Label>
			&nbsp;
			<asp:DropDownList ID="SelectedDate" runat="server" AutoPostBack="true" Height="16px">
				
			</asp:DropDownList>
		</td>
		<td style="text-align:right">
			<asp:Label ID="Label4" runat="server" Text="Number of Records:"></asp:Label>&nbsp;&nbsp;
				<asp:Label ID="lblCount" runat="server" ></asp:Label>
		
		</td>
	</tr>
		<tr>
			<td style="height: 18px">
				
			</td>
			<td style="height: 18px">
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align: center">
				<asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="False" Width="100%" CellPadding="4" ForeColor="#333333" GridLines="None">
					<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
					<Columns>
					
						<asp:TemplateField HeaderText="PropID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("PropID") %>' Wrap="false"></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label1" runat="server" Text='<%# Bind("PropID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="50px" />
							<ItemStyle HorizontalAlign="Left" Width="50px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="BldgID">
						<EditItemTemplate>
							<asp:TextBox ID="TextBox5" runat="server" Text='<%# Bind("BldgID") %>'></asp:TextBox>
						</EditItemTemplate>
					<ItemTemplate>
						<asp:Label ID="Label5" runat="server" Text='<%# Bind("BldgID") %>'></asp:Label>
					</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="50px" />
							<ItemStyle HorizontalAlign="Left" Width="50px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="UnitID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox6" runat="server" Text='<%# Bind("UnitID") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label6" runat="server" Text='<%# Bind("UnitID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Unit App ID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("UnitAppID") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label2" runat="server" Text='<%# Bind("UnitAppID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						
						<asp:TemplateField HeaderText="Name">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("Name") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label3" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
							</ItemTemplate>
							<ItemStyle HorizontalAlign="Left" Width="120px" />
							<HeaderStyle HorizontalAlign="Left" Width="210px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Created">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("CreateDate") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label4" runat="server" Text='<%# Bind("CreateDate", "{0:d}") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Status">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox7" runat="server" Text='<%# Bind("Status") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label7" runat="server" Text='<%# Bind("Status") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Notes">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox8" runat="server" Text='<%# Bind("Notes") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label8" runat="server" Text='<%# Bind("Notes") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="200px" />
							<ItemStyle HorizontalAlign="Left" Width="200px" Wrap="true" />
						</asp:TemplateField>
					</Columns>
					<FooterStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="True" />
					<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
					<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
					<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
					<EditRowStyle BackColor="#999999" />
					<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
				</asp:GridView>
			</td>
		</tr>
	</table>
</ContentTemplate>

</asp:UpdatePanel>
</asp:Content>

Open in new window



<%@ Master Language="VB" CodeFile="Console_Master_Page1.master.vb" Inherits="Console_Master_Page1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html >

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" >
<!--<![endif]-->
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>The Apartment Gallery</title>
<script src="~/js/jquery.js" type="text/javascript"></script>
<script src="~/js/modernizr-1.6.min.js" type="text/javascript"></script>
	

<!--Superfish-->
<link rel="stylesheet" type="text/css" href="~/css/superfish.css" media="screen" />
<script type="text/javascript" src="~/js/hoverIntent.js"></script>
<script type="text/javascript" src="~/js/superfish.js"></script>

<!--custtom script-->
<script src="~/js/custom.js" type="text/javascript"></script>

<!--Color Picker-->
<script type="text/javascript" src="~/js/colorpicker.js"></script>
<%--<script type="text/javascript" src="/js/eye.js"></script>--%>
<%--<script type="text/javascript" src="~/js/utils.js"></script>--%>
<script type="text/javascript" src="~/js/layout.js?ver=1.0.2"></script>
<link rel="stylesheet" type="text/css" href="~/css/colorpicker.css" media="screen" />

<!--Style and Layout-->
<link rel="stylesheet" type="text/css" href="~/css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="~/css/style.css" media="screen" />

<!--Nivo Slider Slideshow-->
<link rel="stylesheet" type="text/css" href="~/css/nivo-slider.css" media="screen" />
<script type="text/javascript" src="~/js/jquery.nivo.slider.js"></script>

<!--carouFredSel-->

<!--TAG-->
	<link rel="stylesheet" type="text/css" href="~/css/TAG.css" media="screen" />


   
    
	<script type="text/javascript" src="~/js/jquery.carouFredSel-3.2.1.js"></script>

	<style type="text/css">
	    .style6
        {
            width: 972px;
            margin: 0 auto;
        }
        	
		</style>

</head>


<!-- end color_picker--> 

<!--/end #color_picker-->


<body  id="inner-page"  >
    
<section id="top_container">
  <div class="top_gradient_bg">
    <header id="header" class="center">
      <nav role="navigation" class="navBox">
        <div class="subtle_border">
          <h1 id="logo"><a href="http://www.theapartmentgallery.com">The Apartment Gallery</a></h1>    
        </div>
      </nav>
      <!-- end nav--> 
      
    </header>
    <!-- end #header--> 
  </div>
  <!-- end .top_gradient_bg--> 
</section>
<!-- end #top_container-->


<section id="main">
  <div >
	  <div class="center">
		  <h2 class="page_title">
			  &nbsp;</h2>
		  <h2 class="page_title">
			  Graphs and Charts&nbsp; -
			  <asp:Label ID="lblTitle" runat="server" Text="Label"></asp:Label>
			  <asp:Label ID="lblMasterPropID" runat="server" Text="Label" Visible="False"></asp:Label>
		  </h2>
	  </div>
  </div>
  <!-- end .intro_wrap-->

	</head>

	<div class="center">
		<!-- end .breadcrumbs-->
		<!-- end #content-->
		<!-- end #sidebar-->
		
	<form id="form1" runat="server">

<div style="border-bottom: medium double #000000; border-left-color: #000000; border-left-width: medium; border-right-color: #000000; border-right-width: medium; border-top-color: #000000; border-top-width: medium;" class="style6">
	<div style="width: 100%; text-align: right;">
		<asp:HyperLink ID="HyperLink1" runat="server" Font-Size="Larger" NavigateUrl="~/ResidentConsole/HTML/index.html" Visible="False">Help</asp:HyperLink>
	</div>
	
	<table style="width:100%; display:none;" >
		<tr>
			<td style="text-align: left; color: #3399FF;" >
				Welcome <asp:LoginName ID="LoginName1" runat="server" />
			</td>
			<td>
			<asp:HyperLink ID="hlMyAccount" runat="server" NavigateUrl="~/Residents/ResidentInfo.aspx" ForeColor="#3399FF">My Account</asp:HyperLink>
			</td>
			<td>
				<asp:LinkButton ID="LinkButton1" runat="server" ForeColor="#3399FF">Helpful Numbers</asp:LinkButton></td>
			<td>
				<asp:HyperLink ID="hlService" runat="server" NavigateUrl="~/Residents/ResidentService.aspx" ForeColor="#3399FF">Maintenance Request</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlSurvey" runat="server" NavigateUrl="~/Residents/ResidentSurvey.aspx" ForeColor="#3399FF">Take Resident Survey</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlPayment" runat="server" NavigateUrl="~/Residents/Payments.aspx" ForeColor="#3399FF">Make a Payment</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlAutoPay" runat="server" NavigateUrl="~/Residents/AutoPaySignUp.aspx" ToolTip="Get $10 off when you sign up for AutoPay" ForeColor="#3399FF">Sign up for AutoPay</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlHelp" runat="server" ForeColor="#3399FF" NavigateUrl="~/Residents/Help.aspx">Help</asp:HyperLink>
				
				&nbsp;&nbsp;&nbsp;&nbsp;
				
			</td>
			<td>
				<asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="RedirectToLoginPage" ForeColor="#3399FF" />
			</td>
		</tr>
	</table>
	<table style="width:100%">
	<tr><td style="widows:50%; text-align:left;">
			<asp:LoginName ID="LoginName2" runat="server" />
			
	</td>
	<td style="widows:50%;text-align:right;">
	
		&nbsp;</td>
		
		</tr>
		<tr>
		<td>
			
			<asp:Label ID="lblEmailAddr" runat="server" Text="Label" Visible="False"></asp:Label>
			
		</td>
		<td style="text-align: right">
	
		
			<asp:HyperLink ID="HyperLink2" runat="server" 
                NavigateUrl="~/Shared/MainMenu.aspx">Main Menu</asp:HyperLink>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	
		
			<asp:LoginStatus ID="LoginStatus2" runat="server" 
                LogoutAction="RedirectToLoginPage" />
	
		
			</td>
		</tr>
	</table>
	</div>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode="Release">
	</asp:ToolkitScriptManager>
	
	
	<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" >
	<div id="loading" style="text-align: center;" class="style7">
        <img src="../../images/Blue-004-loading.gif" alt="Loading" />
    </div>

    <script type="text/javascript">
        var ld = (document.all); var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; if (ns4) ld = document.loading; else if (ns6) ld = document.getElementById("loading").style; else if (ie4) ld = document.all.loading.style; function init() { if (ns4) { ld.visibility = "hidden"; } else if (ns6 || ie4) ld.display = "none"; }
    </script>
			
	</asp:ContentPlaceHolder>
</form>

	</div>
  
  <section class="sub_content" >
    <div class="top_shadow" style="height: 175px">
      <div  class="columns">
        <div class="center">
		This is the first version of this graph and web page.  Please test this beta version and contact me via email or phone to discuss changes you would like to make.<br />
		<br />
		
        </div>
        <!-- end .center --> 
      </div>
      <!-- end .columns --> 
    </div>
    <!-- end .top_shadow --> 
  </section>
  
<%--</section>--%>
</body>
<footer id="footer" class="clearfix">
  <div class="shadow" >
    <div class="center" >
      <p style="color">© Copyright. All Rights Reserved. The Apartment Gallery<em></em><a href="http://www.theapartmentgallery.com/"></a></p>
		<span id="siteseal">
			<script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=zqUMpO3sM4bFdVoBRBN3OKwMlPIf1JW44H9U7xlOJVNsCRN6WTx8CEU"></script>

		</span>
    </div>
  </div>
</footer>

</html>

Open in new window

mgmhicksAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

CodeCruiserCommented:
With ASP.NET, the page has to be fully rendered on the server side before any part of it is returned to the client. One option is to dynamically add the charts to the page after the page has been rendered (using AJAX).
0
mgmhicksAuthor Commented:
So why doesn't a middle page work.  I load a loading.aspx page which has the gif file, then have that redirect to the page that takes time to load, and the middle page never shows, just goes right to the chart page.  Any ideas about that?

thanks
0
CodeCruiserCommented:
That is because you may be redirecting to the middle page and middle page is probably redirecting itself to the actual page without actually rendering to the client first. You are using server side to redirect from middle page right? Try redirecting from javascript on middle page.
0
Learn Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

mgmhicksAuthor Commented:
replace with something like this?  window.location.replace("http://stackoverflow.com");

may I have a code example.  Here is my middle page.

<%@ Page Title="" Language="VB" MasterPageFile="Console_Master_Page1.master" AutoEventWireup="false" CodeFile="OverRideWait.aspx.vb" Inherits="ChartsAndGraphs_OverRides_OverRideWait" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

        
   <p>
       <div style="text-align: center;">
           <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" 
               style="width: 63px" />
           Loading Charts ....
       </div>
    </p>



</asp:Content>

Open in new window


thanks
0
CodeCruiserCommented:
Yeah just add a script tag and that line of code.
0
mgmhicksAuthor Commented:
This is what I have now.  I have the middle page set to the startup page.  Nothing show up until I see the chart page.  What am I missing here.  The middle page does have a master page.


<%@ Page Title="" Language="VB" MasterPageFile="Console_Master_Page1.master" AutoEventWireup="false" CodeFile="OverRideWait.aspx.vb" Inherits="ChartsAndGraphs_OverRides_OverRideWait" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
    $(document).ready(myFunction);
    Function MyFunction() 
    { window.location.replace("PropertyOverRides.aspx")}
    
    
</script>
        
   <p>
       <div style="text-align: center;">
           <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" 
               style="width: 63px" />
           Loading Charts ....
       </div>
    </p>



</asp:Content>

Open in new window

0
mgmhicksAuthor Commented:
Here is the code I have now.  This code is the start page.  I never shows, goes right to the chart page, and nothing shows in the meantime.  If I remove the location statement, then the progress image shows, but of course I don't go anywhere.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="testMiddlePage.aspx.vb" Inherits="ChartsAndGraphs_OverRides_testMiddlePage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>

    <script type="text/javascript">
    $(document).ready();

    window.location.replace("PropertyOverRides.aspx");
    
    
    </script>
    <form id="form1" runat="server">
    
    <div>
        <p>
            <div style="text-align: center;">
                <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" style="width: 63px" />
                Loading Charts ....
            </div>
        </p>
    </div>
    </form>
</body>
</html>

Open in new window

0
CodeCruiserCommented:
Yes that would be expected because as soon as browser sees the window.location line, it hides this page in preparation to show the chart page. You would need to change chart page so that it partially renders itself and then loads the expense (loading time wise) components asynchronously.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
David Johnson, CD, MVPOwnerCommented:
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Visual Basic.NET

From novice to tech pro — start learning today.