Dispaly a Loading Image while redirecting from 1 page to another page using master page

Question

0.00/5 (No votes)

See more:

Hi,

I am developing a web application in which i have to redirect from default page to other pages which will fetch data from database it is time taking so i wanna display a image while page is loading.

I have tried UpdatePanelProgress and few javascript functions also but it is not displaying while the page loads. here i am using master page and child pages for child pages i need to display the image.

Thanks,
K.Vigneshwar.

Posted 25-Apr-11 6:16am

Vigneshb6

Add a Solution

Comments

pankajupadhyay29 25-Apr-11 12:46pm

me too!

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

web works · Answer 1 · 2011-04-25T07:41:00

Try this way
1)

XML

<div id="divWait" style="display: none;">
    <img src='<%=ResolveUrl("~/images/plsWaitImg.gif")%>' alt="Please wait while loading data" style="vertical-align: middle;" />
    &nbsp; loading...<br />
    <br />
    Please wait...
</div>

Then write Javascript to hide this div

2) Using Ajax

<asp:UpdateProgress AssociatedUpdatePanelID="updatePnlID" ID="prgId1" runat="server">
    <ProgressTemplate>
        <img src='<%=ResolveUrl("~/images/plsWaitImg.gif")%>' alt="Please wait while loading data" />
        &nbsp; Please wait...
    </ProgressTemplate>
</asp:UpdateProgress>
//and here would be your update panel
<asp:UpdatePanel ID="upnlStats" runat="server" UpdateMode="Conditional">
    ............
</asp:UpdatePanel>

Good Luck !!

Sandeep Mewara · Answer 2 · 2011-04-25T08:14:00

Solution 2

Here is an article for handling similar situations: Customizable 'Loading' Control for Web Applications with Designer Support[^]

Posted 25-Apr-11 8:14am

Sandeep Mewara

Comments

Vigneshb6 26-Apr-11 4:17am

But in IE it is not working i am getting error as Response is not available in this page.

Prasanta_Prince · Answer 3 · 2011-04-25T21:21:00

Solution 3

Using Ajax UpdateProgress you can do it. What web works says is correct.

Posted 25-Apr-11 21:21pm

Prasanta_Prince

Comments

Vigneshb6 26-Apr-11 4:19am

But when i am keeping in master page it is not working and keeping in child pages it is showing only for the click events not for the page load

Dispaly a Loading Image while redirecting from 1 page to another page using master page

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us