web页面中按钮执行处理时间过长,添加div等待层
来源:互联网 发布:ubuntu torch lua 编辑:程序博客网 时间:2024/05/22 08:03
web页面中按钮执行处理时间过长,添加div等待层,提升用户体验
javascript 文件:
var coverLayer = {
divObj : null,
_coverTime : null,
// _coverRe : function()
// {//刷新遮盖层
// this.divObj.style.width = window.screen.availWidth + "px";
// this.divObj.style.height = window.screen.availHeight + "px";
// },
on : function(noSave)
{ //打开遮盖层
if(this.divObj == null)
{
this.divObj = document.createElement("div");
this.divObj.style.zIndex = 10000;
this.divObj.style.left = '0px';;
this.divObj.style.top = '0px';;
this.divObj.style.position = "absolute";
this.divObj.style.backgroundColor = "#DDDDDD";
this.divObj.style.fontSize = "x-large";
this.divObj.style.textAlign ="center";
this.divObj.innerText="处理中……";
var tempFrame = document.createElement("iframe");
tempFrame.style.filter = "Alpha(Opacity=0)";
tempFrame.frameBorder=0;
tempFrame.scrolling="no";
tempFrame.style.width = "100%";
tempFrame.style.height = "100%";
this.divObj.appendChild(tempFrame);
this.divObj.style.filter = "Alpha(Opacity=80)";
document.body.appendChild(this.divObj);
};
this.divObj.style.width = document.documentElement.clientWidth + "px";
this.divObj.style.height = document.documentElement.clientHeight + "px";
this.divObj.style.paddingTop =document.documentElement.clientHeight / 2 + "px";
this.divObj.style.display = "block";
// clearInterval(this._coverTime);
//this._coverTime = setInterval("coverLayer._coverRe()",1);
},
off : function(noSave)
{ //关闭遮盖层
if(this.divObj){this.divObj.style.display = "none"};
//clearInterval(this._coverTime);
}
}
Page_Load初期处理中添加:
If Not IsPostBack Then
...
myBtn.OnClientClick = "coverLayer.on();"
myLinkButton.OnClientClick = "coverLayer.on();"
...
End IF
- web页面中按钮执行处理时间过长,添加div等待层
- html页面中js添加遮盖层实现等待效果
- ajax请求时间过长页面等待提示框
- asp.net 按钮执行添加遮盖层
- 后台处理请求时间过长导致页面超时
- JSP中计算页面执行(处理)时间
- easyUI的treegrid添加节点(append)时间过长,设置等待(wait)遮罩效果
- 解决Android页面跳转过程中黑屏时间过长问题
- html页面中运用CSS为层(div)元素添加滚动条
- html页面中运用CSS为层(div)元素添加滚动条
- sleep时间过长处理方法
- 判断页面的运行时间,如果过长就转到别的处理页面
- jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)
- web 中 div层 隐藏dropdownlist
- 添加loading 等待加载按钮
- div层页面居中
- web开发中添加分享按钮
- UITableView中添加UIButton按钮处理
- 几种常见的RAID形式
- OpenGL入门学习[五]
- 谈谈你对信任,可信,信誉的理解
- 使用GDAL打开和保存常见格式图像(代码)
- 点滴积累【JS】
- web页面中按钮执行处理时间过长,添加div等待层
- 顶尖开发人员不用IDE
- OpenGL入门学习[六]
- 深入浅出 JQuery (一) 浅析JQuery
- OpenGL入门学习[七]
- 2013.4.28
- R软件打开文件错误解决办法
- 构造函数与析构函数之比较
- OpenGL入门学习[八]