ASP.NET制作一个简单的等待窗口
2006-03-25 19:44
507 查看
前一阵做一个项目,在处理报表的时候时间偏长,客户提出要做出一个等待窗口提示用户等待(页面太久没反映,用户还以为死了呢)。在分析这一需求之后,觉得如果要实现像winform应用中的processbar太困难了。最后,只好模拟,做了一个“假”的等待窗体,还好客户也挺满意。
这个等待窗体实际上是利用了<object>标签完成的。因为动态效果由<marquee>完成,该等待窗体显示出来的时候,整个table是透明的,只有中间的过程条在动,后面的任何按钮都不能点击。
首先做一个静态页面:downloadExcel.html
然后在处理画面中加上这么一段:
<TABLE border="0" id="processBarMask" bgcolor="#cccccc" style="VISIBILITY:hidden; POSITION: absolute" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<object type="text/x-scriptlet" id="objProcessBar" style="z-index:65535;" width="302" height="102" data="downloadExcel.html"></object>
</TD>
</TR>
</TABLE>
一开始是隐藏起来的。当点击处理按钮之后,就将它显示出来:
<SCRIPT language="javaScript">
var firstFlg = "0";
function processStart(){
with(document.all.processBarMask.style){
top = 0;
width = "100%";
height = "100%";
visibility = "visible";
}
document.all.processBarMask.focus();
}
function processEnd(){
document.all.processBarMask.style.visibility = "hidden";
}
</SCRIPT>
最后给处理按钮加上处理:
<input type="button" id="btnOK" value="OK" onclick="processStart()" style="width:80px">
这个等待窗体实际上是利用了<object>标签完成的。因为动态效果由<marquee>完成,该等待窗体显示出来的时候,整个table是透明的,只有中间的过程条在动,后面的任何按钮都不能点击。
首先做一个静态页面:downloadExcel.html
|
<TABLE border="0" id="processBarMask" bgcolor="#cccccc" style="VISIBILITY:hidden; POSITION: absolute" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<object type="text/x-scriptlet" id="objProcessBar" style="z-index:65535;" width="302" height="102" data="downloadExcel.html"></object>
</TD>
</TR>
</TABLE>
一开始是隐藏起来的。当点击处理按钮之后,就将它显示出来:
<SCRIPT language="javaScript">
var firstFlg = "0";
function processStart(){
with(document.all.processBarMask.style){
top = 0;
width = "100%";
height = "100%";
visibility = "visible";
}
document.all.processBarMask.focus();
}
function processEnd(){
document.all.processBarMask.style.visibility = "hidden";
}
</SCRIPT>
最后给处理按钮加上处理:
<input type="button" id="btnOK" value="OK" onclick="processStart()" style="width:80px">
相关文章推荐
- ASP.NET制作一个简单的等待窗口
- Asp.net制作一个简单的等待窗口
- Asp.net制作一个简单的等待窗口
- Asp.net制作一个简单的等待窗口
- Asp.net制作一个简单的等待窗口
- 制作一个简单的等待窗口
- 小试牛刀,制作一个简单的ASP.NET程序
- [ASP.NET]制作一个简单的多页Tab功能
- [ASP.NET]制作一个简单的多页Tab功能 -Ajax也可以按照这个来做
- 制作一个简单的等待窗口
- [ASP.NET]制作一个简单的多页Tab功能
- 推荐一个简单、轻量、功能非常强大的C#/ASP.NET定时任务执行管理器组件–FluentScheduler定时器
- asp.net一个onclick的全过程(简单写一下)
- asp.net+c#+access写的一个简单留言板程序
- 一个简单的ASP.NET Forms 身份认证的实例方法
- 一个"简单"的ASP.NET的服务器控件
- 一个简单的 ASP.NET MVC 例子演示如何在 Knockout JS 的配合下,使用 TypeScript 。
- ASP.NET Aries 入门开发教程2:配置出一个简单的列表页面
- VS2010中asp.net调试.ashx程序错误的一个简单方法!
- ASP.NET MVC如何在一个同步方法(非async)方法中等待async方法