ansaurus

Question

progress bar(animated GIF image) when page loads or some background process is going on::

Answer 1

+3 A:

With the following code, your image is already visible by default, it gets hidden when the page is fully loaded. It gets shown when a form submit happens.

Then when the postback ocurrs, the image will still be visible, then it gets hidden with window.onload() which fires when the browser has finished loading all the elements.

<head>
<script type="text/javascript">
    window.onload = function (){  //hide onload
           var dialog = document.getElementById("WaitDialog");  
           dialog.style.display = 'none';  
           scrollTo(0,0);
    }
    function showProgressBar(){ //show on submit
        var dialog = document.getElementById("WaitDialog");  
        dialog.style.display = 'block'; 
    }
</script>
</head>
<body>
<div id="WaitDialog" style="left: 480px; top: 255px; position: absolute">
  <img src="http://developers.sun.com/docs/web-app-guidelines/uispec4_0/progress_graphics/asynch-1F.gif" />
 <font size=3 class="text3" >
  <font color="black">Loading, Please Wait.</font>
 </font>
</div>
<form onsubmit="showProgressBar()">
  .... all the ASPX controls and stuff
</form>
</body>
</html>

ichiban 2009-05-20 06:20:20

Answer 2

A:

You're going to have issues creating it on load.

For unload, throw that in the body onunload:

<body onunload="javascript:ProgressBar()">

Luke Schafer 2009-05-20 06:20:30

Answer 3

A:

Thanx. alot..its work man..

sheery 2009-10-28 08:07:27

ansaurus

tags:

views:

answers:

progress bar(animated GIF image) when page loads or some background process is going on::

related questions