how to show loading image in content pages

Question

0.00/5 (No votes)

See more:

how to show loading image in content page., i used master page, where i have to write loading process code.,. in content page when ever i click button exist in the page the loading image should show a sec's then page should come

Posted 5-Jul-12 19:09pm

Umapathi K

Updated 6-Jul-12 2:59am

v2

Add a Solution

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)

Sandeep Mewara · Answer 1 · 2012-07-05T19:13:00

Solution 1

You can use Update Progress of AJAX controls.

Have a look at these samples to understand the implementation and working of Update Progress:
MSDN: UpdateProgress Control Overview[^]
CP: The UpdateProgress Control of ASP.NET AJAX Extensions[^]
AJAX.NET UpdateProgress control[^]
ASPNET Tutorial: Introduction to AJAX UpdateProgress Control in ASP.NET and C#[^]

Posted 5-Jul-12 19:13pm

Sandeep Mewara

Comments

[no name] 6-Jul-12 1:26am

My 5+

Umapathi K 6-Jul-12 2:59am

i used master page., should i have to use every pages all coding which is enable to show progress?

Sandeep Mewara 6-Jul-12 3:49am

Updateprogress is tied to an update panel. So, the code will be related to it. If update panel is in master page, code related will be there. If update panel to any specific page then update progress related to that update panel code will be in that page.

Umapathi K 6-Jul-12 9:00am

where i have to write coding ., in master page or in content page?

Karay AKAR - Yapar · Answer 2 · 2012-07-06T12:52:00

you dont need to use ajax.if you don't implement AJAX
you can put a javascript and image in master page.

///master page
<script>
function showhide(a){
if (a){
//myimage.visible=true;
//myimage.style....
}else{
//myimage.visible=false;
}

}

</script>
<img id="myimage" src="......">

body onload function can hide the image.

<body önload="showhide(false);">
/// master page end

you can set onclientclick

< button onclientclick="showhide(true);" ></body></img>

Mukund Thakker · Answer 3 · 2012-07-06T20:18:00

Add following code in master page immediately after opening form tag.

ASP.NET

<asp:updateprogress runat="server" id="upMainProgress" xmlns:asp="#unknown">
        <progresstemplate>
            <div style="margin: 0 auto; width: 100%;">
                <div id="load">
                </div>
                <div id="visibleDivProgress">
                    <img src="images/loading.gif" alt="Please Wait..." />
                </div>
            </div>
        </progresstemplate>
    </asp:updateprogress>

how to show loading image in content pages

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0