页面提交时出现等待窗口示例

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 applebbs 的 blog

应福建一同行网友问起,抽空做了这个示例页面,实现提交页面时出现正在初始化页面的小窗口。(在页面提交比较慢的页面中使用,可以避免用户应等待时间过长而不知页面是否正在提交,以至失去耐心)

<html>
<title>页面提交时出现等待窗口示例</title>
<head>
<script language="javascript">
<!--
//by dicky 2005-2-17 11:16:49
function window_load(flag)
{
 if (flag == 0)
 {
  document.all['loading'].style.display = 'block';
  //show the window
 }
 else
 {
  document.all['loading'].style.display = 'none';
  //hide the window
 }
}
//-->
</script>
</head>
<body leftmargin=0 topmargin=50 onload="window_load(1);">
<div id="loading" style="position:absolute;z-index:3;top:200px;left:250px;width:250;height:60;border-width:1;border-style:ridge;background-color:green;padding-top:10px"><center><table border="0"><tr><td valign="middle"><img src="cursor.gif" border="0" width="30" height="30"></td><td>&nbsp;&nbsp;</td><td valign="middle"><span id=txtloading0 style="font-size:14px;">正在初始化页面,请稍候...</span><br><span id=txtloading1 style="font-size:14px;">loading,please wait...</span></td></tr></table></center></div>
<form name="form1" method="post" action="" onsubmit="window_load(0);">
<center>页面提交时出现等待窗口示例<input name=submit type=submit value='提交'>
</center>
</form>
</body>
</html>

本文关键:页面提交时出现等待窗口示例
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top