ansaurus

Question

Answer 1

+1 A:

Hard to say what the best solution is without more information, but one possible way to go is to make the first page just act as a "loader" containing the dialog and some javascript that will load the actual page with ajax.

Like I wrote before it depends very much on what you are trying to accomplish :-) !

But one way to do it with jQuery, if the page you are trying to load is very simple like a list without any state / postback controls is to create a "Loader"-page like the code belov and use the UrlToLoad query param for what page to load dynamically.

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

 <script src="jquery.js" type="text/javascript"></script>

 <script type="text/javascript">
  $(function()
  {
   $("form").load("<%= this.Request["UrlToLoad"] %> form");
  });
 </script>
</head>

<body>
 <form runat="server">   
  Loading...
 </form>
</body>

bang 2009-06-16 08:21:08

and how would you propose I do this?I'm a noob at clientside scripting.

Jan W. 2009-06-22 07:48:18

Answer 2

+1 A:

Have you considered using jQuery? There are some excellent modal dialog plugins available. I've used Eric Martin's SimpleModal extensively in the past, and have been very happy with it. It has hooks for callbacks both before and after displaying the dialog, so you could perform any checks you need to using functions.

Using the jQuery route - you could have a div that surrounds all the content that is still loading, and have is dimmed out/disabled with a modal dialog showing your 'page loading' message. Then you could make use of the $document.ready() functionality in jQuery to determine when the page is done loading. At this point, you could remove the dialog and fade the page in.

Mark Struzinski 2009-06-16 08:22:41

doesn't this still leave the problem of the popup not showing until the page is loaded?should I add the loader to the masterpage maybe?

Jan W. 2009-06-16 09:25:04

Answer 3

A:

What I did is make a PreLoader.aspx page that will "hold" untill the page we want is loaded:

<script type="text/javascript" language="javascript">
window.onload=function()
{
    $get("ctl00_ContentPlaceHolder1_btnNav",document).click();
    setTimeout('document.images["Loader"].src="App_Themes/Main/img/loading.gif"', 200);         
}
</script>

the button actually makes the transfer

<asp:Label ID="lblLoading" runat="server" Text="Loading the requested page. Please wait ..." />
            <asp:Button ID="btnNav" Style="display: none;" runat="server" OnClick="NavTo" />

protected void NavTo(object sender, EventArgs e)
    {
        Response.Redirect(Request.QueryString["url"].ToString());
    }

I like this as it can be reused for every heavy data page ...

Jan W. 2009-06-22 08:40:35

ansaurus

tags:

views:

answers:

ASP.net Page Loading popup

related questions