类似新浪邮箱中的提示窗口,半透明背景,禁止其它操作非Alert-青岛设计网论坛


论坛首页 WEB网页设计类似新浪邮箱中的提示窗口,半透明背景,禁止其它操作非Alert

[公告]快到[搜艺招聘网]发布招聘信息注册简历、发布自己作品！：）

类似新浪邮箱中的提示窗口,半透明背景,禁止其它操作非Alert

冥隼

查看冥隼的博客

金钱	: 2057
Level	: 0
发帖数	: 274
最后登陆	: 2009/7/11
注册时间	: 2007/2/3

信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

代码实例如下：
[HTML]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<form action="#">
<input name=btn1 type=button value=有自定义按钮 onclick=showalert1();>
<input name=btn2 type=button value=无自定义按钮 onclick=showalert2();>
</form>
<script language="javascript">

</script>
<script>
</style></head><body scroll=no leftmargin=0 topmargin=0>");
window.imb_FormModal.document.write("<table width=100% height=100% bgcolor=\"#F6F8DF\"><tr><td align=left bgcolor=#EDE808><div id=\"imb_Title\" style=\"padding-left:3px;padding-right:3px;\">");
window.imb_FormModal.document.write("</div></td></tr><tr><td align=left><div id=\"imb_Content\" style=\"padding:7px;\">");
window.imb_FormModal.document.write("</div></td></tr><tr><td id=\"imb_Body\" align=center>");
window.imb_FormModal.document.write("</td></tr></table>");
window.imb_FormModal.document.write("</body></html>");
window.imb_FormModal.document.close();
}
}

// 显示对话框控件.
this.ShowModal = function(iCaption, iMessage, iWidth, iHeight, iClickFunc, iOther){
var smWidth = 420, smHeight = 180, smCaption = "默认对话框", smMessage="您确定执行这项操作吗?", smFunc, smObject, smAlpha, smInterval;
if (arguments.length > 4 ){
smWidth = iWidth;
smHeight = iHeight;
smCaption = iCaption;
smMessage = iMessage;
smFunc = iClickFunc;
}
// 背景的渐显.
function checkIMBAlpha(){
smObject.style.filter = "alpha(opacity="+smAlpha+");";
smAlpha += 10;
if (smAlpha>80){
clearInterval(smInterval);
}
}
checkIMBObject();
this.BackObject = document.getElementById("imb_Background");
this.FormObject = document.getElementById("imb_FormModal");
smObject = this.BackObject;
smAlpha = 0;
this.BackObject.style.left = 0;
this.BackObject.style.top = 0;
this.BackObject.style.width = document.body.scrollWidth;
this.BackObject.style.height = document.body.scrollHeight;
this.BackObject.style.visibility = "visible";
smInterval = window.setInterval(checkIMBAlpha, 5);

this.FormObject.style.left = document.body.clientWidth/2 - smWidth/2;
this.FormObject.style.top = document.body.clientHeight/2 - smHeight/2;
this.FormObject.style.width = smWidth;
this.FormObject.style.height = smHeight;
this.FormObject.style.visibility = "visible";
window.imb_FormModal.document.getElementById("imb_Title").innerHTML = "<b>" + smCaption + "</b>" + " -- 操作提示";
window.imb_FormModal.document.getElementById("imb_Content").innerHTML = smMessage;
if (iOther==null || iOther==""){
window.imb_FormModal.document.getElementById("imb_Body").innerHTML = "<input type=hidden id=imb_Other name=imb_Other shortKey=\"O\"> <input type=submit id=imb_Ok name=imb_Ok value=\"确定\" shortKey=\"T\"> <input type=button id=imb_Cancel name=imb_Cancel value=\"取消\" shortKey=\"C\">";
}else{
window.imb_FormModal.document.getElementById("imb_Body").innerHTML = "<input type=button id=imb_Other name=imb_Other value="+iOther+" shortKey=\"O\"> <input type=submit id=imb_Ok name=imb_Ok value=\"确定\" shortKey=\"T\"> <input type=button id=imb_Cancel name=imb_Cancel value=\"取消\" shortKey=\"C\">";
}
document.body.disabled = true;
window.imb_FormModal.document.getElementById("imb_Ok").onclick= function(){
parent.document.body.disabled = false;
if (smFunc!=null && smFunc!=""){
eval("parent." + smFunc.replace("$","1"));
}
parent.document.getElementById("imb_Background").style.visibility = "hidden";
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
}
window.imb_FormModal.document.getElementById("imb_Cancel").onclick= function(){
if (smFunc!=null && smFunc!=""){
eval("parent." + smFunc.replace("$","2"));
}
parent.document.body.disabled = false;
parent.document.getElementById("imb_Background").style.visibility = "hidden";
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
}
window.imb_FormModal.document.getElementById("imb_Other").onclick= function(){
if (smFunc!=null && smFunc!=""){
eval("parent." + smFunc.replace("$","3"));
}
parent.document.body.disabled = false;
parent.document.getElementById("imb_Background").style.visibility = "hidden";
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
}
}
}
//-->
</script>
</BODY>
</HTML>
[/HTML]

WWW.MDONG.ORG

2007/5/27

信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

回复:re:类似新浪邮箱中的提示窗口,半透明背景,禁止其它操作非Alert

Lisa·粉

查看Lisa·粉的博客

金钱	: 2201
Level	: 0
发帖数	: 579
最后登陆	: 2007/8/11
注册时间	: 2007/3/15

信息 | 留言引用 | 回复

谢谢分享~

~~~~~ Lisa·粉的博客~~~~~涂鸦留言本~~~~~ 青岛搜艺招聘网~~~~~

2007/5/27

编辑 | 删除

7 [ 1 ] 8