Question

我想要在我的.aspx页面（对于我的appln）加载或后退或某些后台进程正在进行时显示或加载动画GIF图像::

<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>

function ProgressBar()
{
  var dialog = document.getElementById("WaitDialog");
  dialog.style.visibility = 'hidden';
  scrollTo(0,0);
}

........这个动画图像应该像浏览器进度条一样加载，如果我在数据库中执行任何验证（数据库操作说），那么图像应该加载......

1）我没有在我的应用程序中使用AJAX，所以我也不想让AJAX进入画面......

2）图像应该在页面开始加载时显示...

即在背景中正在进行中，并且.gif图像应该加载

我如何编写代码，因为现在我有一个Javascript函数ProgressBar（），我通过在 body 标记中使用onSubmit =“ProgressBar（）”来调用..... < / p>

任何人都可以帮助我吗？

Answer 1

使用以下代码，默认情况下您的图像已经可见，当页面完全加载时它会被隐藏。表单提交发生时会显示它。

然后当回发出现错误时，图像仍然可见，然后它会被window.onload（）隐藏，当浏览器加载完所有元素时会触发它。

<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>

Answer 2

在加载时你会遇到问题。

对于卸载，将其扔在体内onunload：

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

页面加载或某些后台进程正在进行时进度条（动画GIF图像）::

2 个答案: