DIV弹出窗口提示层完全兼容IE Firefox Chrome Opera Safari

作者 : yang 日期 : 2010-02-21

字体大小: 小中大

DIV弹出窗口提示层
完全兼容IE Firefox Chrome Opera Safari
Author : www.531.hk
Create : 2010.02.21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV弹出窗口提示层 Atao Div MsgBox www.531.hk 2010.02.20</title>
</head>

<body>
DIV弹出窗口提示层<br />
完全兼容IE FF Chrome Opera Safari<br />
Author : www.531.hk<br />
Create : 2010.02.21<br />
<a href="javascript:void(0);" onclick="javascript:salert("DIV弹出窗口提示层 Author: www.531.hk Create: 2010.02.21");">打开DIV窗口</a>
<script language="javascript" type="text/javascript">
<!--
// document.getElementById 完全兼容IE FF Chrome Opera Safari www.531.hk 2010.02.16
$ = function(_obj, _data) {
var obj = null;
var c = typeof (_obj);
obj = (c == "object") ? _obj : document.getElementById(_obj);
if (_data == void 0) {
  obj.val = function() { return obj.value.trim(); }
  obj.html = function() { return obj.innerHTML.trim(); }
  obj.hidden = function() { return obj.style.display = "none"; }
  obj.show = function() { return obj.style.display = ""; }
  return obj;
} else {
  try { obj.innerHTML = _data; }
  catch (e) { obj.value = _data; }
  finally { obj.value = _data; }
}
}
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}

// Atao Div MsgBox
// 完全兼容IE FF Chrome Opera Safari www.531.hk 2010.02.21
document.writeln("<style type=\"text\/css\">");
document.writeln(" #topErrdiv{ display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: gray;z-index:9998;filter: alpha(opacity=80); -moz-opacity: 0.8; opacity:.80; }");
document.writeln(" #msgErrdiv {top:35%;left:35%;border:1px solid #369; font-size:12px; width:30%;height:150px;background:#e2ecf5;z-index:99999;position:absolute;display:none;overflow:hidden;} ");
document.writeln(" #msgErrdiv div {height:20px;background:#369;color:#fff;padding:5px 0 0 5px; font-size:12px;} ");
document.writeln(" #msgErrdiv div span {float:left;font-weight:bold;} ");
document.writeln(" #msgErrdiv div span#wclose {float:right;margin-right:5px;font-weight:500;cursor:pointer; font-size:12px;} ");
document.writeln(" #msgErrdiv p { width: 100%; text-align:center; font-size: 14px;} ");
document.writeln(" #msgErrdiv p img { cursor:pointer; } ");
document.writeln("<\/style>");

document.writeln("<div id=\"topErrdiv\"><\/div>");
document.writeln("<div id=\"msgErrdiv\"> ");
document.writeln("    <div><span>信息提示<\/span><span id=\"wclose\" onclick=\"javascript:sclose();\">关闭<\/span> <\/div><br /> ");
document.writeln("    <p id=\"Err_Msg\"><\/p>");
document.writeln("    <br /><p><img src=\"\/bmp\/back.gif\" onclick=\"javascript:sclose();\" \/>");
document.writeln("<\/div> ")

function salert(msg){
$("Err_Msg",msg);
$("topErrdiv").style.display="block";
$("msgErrdiv").style.display="block";
var dHeight = document.body.clientHeight + 50;
var sHeight = window.screen.height;
var cHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
if (dHeight < sHeight) dHeight = sHeight - 50;
if (cHeight > 0) $("msgErrdiv").style.top = cHeight + parseInt(sHeight * 0.3) + "px";
$("topErrdiv").style.height = dHeight + "px";
}
function sclose(){
$("topErrdiv").style.display="none";
$("msgErrdiv").style.display="none";
}
//-->
</script>

</body>
</html>

[本日志由 yang 于 2010-03-08 10:15:53 编辑]