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

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

how to show loading image in content pages

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us