Solved

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

Posted on 2014-03-04
9
1,655 Views
Last Modified: 2014-03-19
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

0
Comment
Question by:mgmhicks
  • 4
  • 4
9 Comments
 
LVL 83

Expert Comment

by:CodeCruiser
Comment Utility
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
 

Author Comment

by:mgmhicks
Comment Utility
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
 
LVL 83

Expert Comment

by:CodeCruiser
Comment Utility
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
 

Author Comment

by:mgmhicks
Comment Utility
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
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 83

Expert Comment

by:CodeCruiser
Comment Utility
Yeah just add a script tag and that line of code.
0
 

Author Comment

by:mgmhicks
Comment Utility
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
 

Author Comment

by:mgmhicks
Comment Utility
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
 
LVL 83

Accepted Solution

by:
CodeCruiser earned 500 total points
Comment Utility
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
 
LVL 78

Expert Comment

by:David Johnson, CD, MVP
Comment Utility
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

For those of you who don't follow the news, or just happen to live under rocks, Microsoft Research released a beta SDK (http://www.microsoft.com/en-us/download/details.aspx?id=27876) for the Xbox 360 Kinect. If you don't know what a Kinect is (http:…
More often than not, we developers are confronted with a need: a need to make some kind of magic happen via code. Whether it is for a client, for the boss, or for our own personal projects, the need must be satisfied. Most of the time, the Framework…
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, Just open a new email message.  In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now