?
Solved

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

Posted on 2014-03-04
9
Medium Priority
?
2,224 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
9 Comments
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39904206
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
ID: 39904237
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
ID: 39904253
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
Congratulations! You’re Certified – Now What?

Starting a new career can be overwhelming. Becoming certified in your field of expertise is a great start, but where do you go from here?  Here are some tips to help you on your career journey.

 

Author Comment

by:mgmhicks
ID: 39904269
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
 
LVL 83

Expert Comment

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

Author Comment

by:mgmhicks
ID: 39904363
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
ID: 39904412
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 2000 total points
ID: 39904548
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 82

Expert Comment

by:David Johnson, CD, MVP
ID: 39904711
0

Featured Post

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Wouldn’t it be nice if you could test whether an element is contained in an array by using a Contains method just like the one available on List objects? Wouldn’t it be good if you could write code like this? (CODE) In .NET 3.5, this is possible…
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
Do you want to know how to make a graph with Microsoft Access? First, create a query with the data for the chart. Then make a blank form and add a chart control. This video also shows how to change what data is displayed on the graph as well as form…
In this video, Percona Solution Engineer Dimitri Vanoverbeke discusses why you want to use at least three nodes in a database cluster. To discuss how Percona Consulting can help with your design and architecture needs for your database and infras…

765 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