mgssnake

2007-08-31

JavaScript你有多牛！

前些天做项目的时候，在下载报表部分，大家说下载等待时间太久了，没有给用户一个提示，不是很好。就让我写个JavaScript做一个弹出提示，等下载完了，再取消这个弹出提示。拿到这个任务的时候我想到了JavaEye登陆界面我就试着模仿这个效果做出了个JavaScript（JAVAEYE弹出登陆使用的不是JAVASCRIPT），现在把代码贴出来，希望，高手不要见笑

原理就是创建两个动态的DIV，一个当背景设置为透明，一个则加载显示页面

--------------------------------------------------------加载页面------------------------------------------------------------------------

js 代码

function loading(){
var loadPage ;
var dynDivBg = document.createElement("div"); //创建一个动态DIV
dynDivBg.style.backgroundColor= "#C0C0C0";
dynDivBg.style.position = "absolute"; //设置为绝对布局
dynDivBg.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; //透明度设置为100%透明
dynDivBg.style.width = "100%"; //宽、高为满屏
dynDivBg.style.height = "100%";
dynDivBg.id = "dynDivBg";
var dynDiv = document.createElement("div");
dynDiv.style.position = "absolute";
dynDiv.style.backgroundColor = "red";
dynDiv.style.borderWidth = "2px";
dynDiv.style.borderStyle ="solid";
dynDiv.style.borderColor ="green";
dynDiv.style.left = "200px";
dynDiv.style.top = "250px";
dynDiv.id = "dynDiv";
dynDiv.innerText = "数据加载中……"; //创建内容
document.body.insertAdjacentElement("afterBegin",dynDiv); //最后将创建的DIV放入页面中
document.body.insertAdjacentElement("afterBegin",dynDivBg);
}

--------------------------------------------------------加载显示页面-------------------------------------------------------------

js 代码

function login_suc(){
//移出父窗体的对象
window.parent.document.body.removeChild(window.parent.document.getElementById("dynDivBg"));
window.parent.document.body.removeChild(window.parent.document.getElementById("dynDiv"));
}