当前位置:首页 > Jsμ?MessageBox′ú??

Jsμ?MessageBox′ú??

点击次数:1294  更新日期:2011-01-05
\n

?′μ???ì3é?óDè??£·?alert£?×??oò2D′á?ò????£
±?à′???£·?winapià?μ?MessageBox
μ??é?§js 2??§3?£?×èè??£ê??£
·μ???μ???üó?òì2?á??£
?§3?FF?¢ie?¢opera?£
DOCTYPE ?éò?éê?÷£?ò2?éò?2?éê?÷?£


\n

′??ú?êìa£o??


\n

    \n
  1. ?úopera à?í?2?2??üí??÷??
    \n
  2. ??óúò3???úóDiframeμ?ò2?T·¨ê1ó?
    \n
  3. ?úieà??T·¨?ú×?selectμ?

\n

Jsμ?MessageBox′ú??è???£o


\n

<!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=gb2312″ />
<title>MessageBox?Yê? http://www.dwww.cn</title>
<script language=”javascript”>
/*******************************************************************************************
* http://2lin.net
* Email:caoailin@gmail.com
* QQ:38062022
* Creation date: 2006-11-27
* ????μ??úèY?éò???±′μ?ò???JS???tà???
*********************************************************************************************/
// ????°′?¥3£á?
var MB_OK = 0;
var MB_CANCEL = 1;
var MB_OKCANCEL = 2;
var MB_YES = 3;
var MB_NO = 4;
var MB_YESNO = 5;
var MB_YESNOCANCEL = 6;
// ????°′?¥??±?
var MB_OK_TEXT = “è·?¨”;
var MB_CANCEL_TEXT = “è???”;
var MB_YES_TEXT = ” ê? “;
var MB_NO_TEXT = ” ·? “;
//ìáê?í?±ê
var MB_ICON = “http://2lin.net/image/information.gif”;
//?ˉíD·?·¨
var MB_OK_METHOD = null;
var MB_CANCEL_METHOD = null;
var MB_YES_METHOD = null;
var MB_NO_METHOD = null;
var MB_BACKCALL = null;
var MB_STR = ‘<style type=”text/css”><!–’ +
‘body{margin:0px;}’ +
‘.msgbox_title{background-color: #B1CDF3;height:25px;position:relative;font-size:14px;line-height:25px;padding-left:10px;border-bottom:1px solid #000;}’ +
‘.msgbox_control{text-align:center;clear:both;height:28px;}’ +
‘.msgbox_button{background-color: #B1CDF3;border:1px solid #003366;font-size:12px;line-height:20px;height:21px;}’ +
‘.msgbox_content{padding:10px;float:left;line-height: 20px;}’ +
‘.msgbox_icon{width: 50px;height: 50px;float: left;text-align: center;line-height:50px;padding-top:10px;}’ +
‘.msgbox_mask{position:absolute;left:0px;top:0px;z-index:99999;background-color:#333333;width:100%;height:100%;}’ +
‘.msgbox{background-color: #EFFAFE;position: absolute;height:auto;font-size:12px;top:50%;left:50%;border:1px solid #999999;}’ +
‘–></style>’ +
‘<div id=”msgBoxMask” class=”msgbox_mask” style=”filter: alpha(opacity=0);display:none;”></div>’ +
‘<div class=”msgbox” style=”display:none; z-index:100000;” id=”msgBox”>’ +
‘<div class=”msgbox_title” id=”msgBoxTitle”></div>’ +
‘<div class=”msgbox_icon” id=”msgBoxIcon”></div>’ +
‘<div class=”msgbox_content” id=”msgBoxContent”></div>’ +
‘<div class=”msgbox_control” id=”msgBoxControl”></div></div>’;
var Timer = null;
document.write(MB_STR);
var icon = new Image();
icon.src = MB_ICON;
/* ìáê????°?ò
* 2?êy 1 : ìáê??úèY
* 2?êy 2 : ìáê?±êìa
* 2?êy 3 : í?±ê?·??
* 2?êy 4 : °′?¥ààDí
*/
function MessageBox(){
var _content = arguments[0] || “?aê?ò??????°?ò£?”;
var _title = arguments[1] || “ìáê?”;
var _icon = arguments[2] || MB_ICON;
var _button = arguments[3] || MB_OK;
MB_BACKCALL = arguments[4];

var _iconStr = ‘<img src=”{0}”>’;
var _btnStr = ‘<input name=”{0}” id=”{0}” type=”button” class=”msgbox_button” value=”{1}” onclick=”MBMethod(this)” />’;


switch(_button)
{
case MB_CANCEL : _btnStr = _btnStr.toFormatString(“msgBoxBtnCancel”, MB_CANCEL_TEXT); break;

case MB_YES : _btnStr = _btnStr.toFormatString(“msgBoxBtnYes”, MB_YES_TEXT); break;

case MB_NO : _btnStr = _btnStr.toFormatString(“msgBoxBtnNo”, MB_NO_TEXT); break;

case MB_OKCANCEL :
_btnStr = _btnStr.toFormatString(“msgBoxBtnOk”, MB_OK_TEXT) + “&nbsp;&nbsp;” +
_btnStr.toFormatString(“msgBoxBtnCancel”, MB_CANCEL_TEXT);
break;

case MB_YESNO :
_btnStr = _btnStr.toFormatString(“msgBoxBtnYes”, MB_YES_TEXT) + “&nbsp;&nbsp;” +
_btnStr.toFormatString(“msgBoxBtnNo”, MB_NO_TEXT);
break;

case MB_YESNOCANCEL :
_btnStr = _btnStr.toFormatString(“msgBoxBtnYes”, MB_YES_TEXT) + “&nbsp;&nbsp;” +
_btnStr.toFormatString(“msgBoxBtnNo”, MB_NO_TEXT) + “&nbsp;&nbsp;” +
_btnStr.toFormatString(“msgBoxBtnCancel”, MB_CANCEL_TEXT);
break;

default : _btnStr = _btnStr.toFormatString(“msgBoxBtnOk”, MB_OK_TEXT); break;

}
//?a????FF ???á?′??
ScrollTop = GetBrowserDocument().scrollTop;
ScrollLeft = GetBrowserDocument().scrollLeft;
GetBrowserDocument().style.overflow = “hidden”;
GetBrowserDocument().scrollTop = ScrollTop;
GetBrowserDocument().scrollLeft = ScrollLeft;

(“msgBoxTitle”).innerHTML = _title;
(“msgBoxIcon”).innerHTML = _iconStr.toFormatString(_icon);
(“msgBoxContent”).innerHTML = _content;
(“msgBoxControl”).innerHTML = _btnStr;

OpacityValue = 0;
(“msgBox”).style.display = “”;
try{(“msgBoxMask”).filters(“alpha”).opacity = 0;}catch(e){};
(“msgBoxMask”).style.opacity = 0;
(“msgBoxMask”).style.display = “”;
(“msgBoxMask”).style.height = GetBrowserDocument().scrollHeight + “px”;
(“msgBoxMask”).style.width = GetBrowserDocument().scrollWidth + “px”;

Timer = setInterval(“DoAlpha()”,1);
//éè??????
(“msgBox”).style.width = “100%”;
(“msgBox”).style.width = ((“msgBoxIcon”).offsetWidth + (“msgBoxContent”).offsetWidth + 2) + “px”;

(“msgBox”).style.marginTop = (-(“msgBox”).offsetHeight/2 + GetBrowserDocument().scrollTop) + “px”;
(“msgBox”).style.marginLeft = (-(“msgBox”).offsetWidth/2 + GetBrowserDocument().scrollLeft) + “px”;

if(_button == MB_OK || _button == MB_OKCANCEL){
(“msgBoxBtnOk”).focus();
}else if(_button == MB_YES || _button == MB_YESNO || _button == MB_YESNOCANCEL){
(“msgBoxBtnYes”).focus();
}
}
var OpacityValue = 0;
var ScrollTop = 0;
var ScrollLeft = 0;
function GetBrowserDocument()
{
var _dcw = document.documentElement.clientHeight;
var _dow = document.documentElement.offsetHeight;
var _bcw = document.body.clientHeight;
var _bow = document.body.offsetHeight;

if(_dcw == 0) return document.body;
if(_dcw == _dow) return document.documentElement;

if(_bcw == _bow && _dcw != 0)
return document.documentElement;
else
return document.body;
}
function SetOpacity(obj,opacity){
if(opacity >=1 ) opacity = opacity / 100;

try{obj.style.opacity = opacity; }catch(e){}

try{
if(obj.filters){
obj.filters(“alpha”).opacity = opacity * 100;
}

}catch(e){}
}

function DoAlpha(){
if (OpacityValue > 20){clearInterval(Timer);return 0;}
OpacityValue += 5;
SetOpacity((“msgBoxMask”),OpacityValue);
}
function MBMethod(obj)
{
switch(obj.id)
{
case “msgBoxBtnOk” : if(MB_BACKCALL) {MB_BACKCALL(MB_OK);} else {if(MB_OK_METHOD) MB_OK_METHOD();} break;
case “msgBoxBtnCancel” : if(MB_BACKCALL) {MB_BACKCALL(MB_CANCEL);} else {if(MB_CANCEL_METHOD) MB_CANCEL_METHOD();} break;
case “msgBoxBtnYes” : if(MB_BACKCALL) {MB_BACKCALL(MB_YES);} else {if(MB_YES_METHOD) MB_YES_METHOD();} break;
case “msgBoxBtnNo” : if(MB_BACKCALL) {MB_BACKCALL(MB_NO);} else {if(MB_NO_METHOD) MB_NO_METHOD();} break;
}

MB_OK_METHOD = null;
MB_CANCEL_METHOD = null;
MB_YES_METHOD = null;
MB_NO_METHOD = null;
MB_BACKCALL = null;

MB_OK_TEXT = “è·?¨”;
MB_CANCEL_TEXT = “è???”;
MB_YES_TEXT = ” ê? “;
MB_NO_TEXT = ” ·? “;

(“msgBox”).style.display = “none”;
(“msgBoxMask”).style.display = “none”;
GetBrowserDocument().style.overflow = “”;
GetBrowserDocument().scrollTop = ScrollTop;
GetBrowserDocument().scrollLeft = ScrollLeft;
}
String.prototype.toFormatString = function(){
var _str = this;
for(var i = 0; i < arguments.length; i++){
_str = eval(“_str.replace(/\\\\{“+ i +”\\\\}/ig,’” + arguments[i] + “‘)”);
}
return _str;
}
function (obj){
return document.getElementById(obj);
}
///////////////////////////////////////////////////////////////////////////////////////
</script>
<script language=”javascript”>
function test()
{
var _msg = “<font color=red><b>?Yê?£o</b></font><br/>??í¨???°?ò£?”;
MessageBox(_msg);
}
function test1()
{
MB_OK_METHOD = function(){alert(‘??°′á?OK’);}
MB_YES_METHOD = function(){alert(‘??°′á?YES’);}
MB_NO_METHOD = function(){alert(‘??°′á?NO’);}
MB_CANCEL_METHOD = function(){alert(‘??°′á?CANCEL’);}

var _msg = “<font color=red><b>?Yê?£o</b></font><br/>μ÷ó????°?ò?£ê??¢·??¢è???”;
MessageBox(_msg,”?Yê?”,null,MB_YESNOCANCEL);
}
function test2()
{
var _msg = “<font color=red><b>?Yê?£o</b></font><br/>μ÷ó????°?ò?£ê??¢·??¢è???”;
MessageBox(_msg,”?Yê?”,MB_ICON,MB_YESNOCANCEL,callback);
}
function test4()
{
var _msg = “<font color=red><b>?Yê?£o</b></font><br/>μ÷ó????°?ò?£è·?¨?¢è???”;
MessageBox(_msg,”?Yê?”,MB_ICON,MB_OKCANCEL,callback);
}
function callback(value)
{
switch(value)
{
case MB_OK : alert(‘??°′á?OK’); break;
case MB_YES : alert(‘??°′á?YES’); break;
case MB_NO : alert(‘??°′á?NO’); break;
case MB_CANCEL : alert(‘??°′á?CANCEL’); break;
}
}
function test3()
{
MB_YES_TEXT = “?Yê?ò?”;
MB_NO_TEXT = “?Yê??t”;
MB_CANCEL_TEXT = “?Yê?èy”;
var _msg = “<font color=red><b>?Yê?£o</b></font><br/>?aê?×??¨ò?μ????°?ò<br/> <font color=green>MB_YES_TEXT MB_NO_TEXT MB_CANCEL_TEXT MB_OK_TEXT</font>”;
MessageBox(_msg,”?Yê?”,MB_ICON,MB_YESNOCANCEL,callback);
}
</script>
</head>
<body>
<table width=”1500″ height=”1000″ border=”1″ bordercolor=”#000000″>
<tr>
<td>??</td>
<td align=”center”><a href=”javascript£otest()”>??í¨?Yê?</a></td>
<td>??</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align=”center”><a href=”javascript£otest1()”>??μ÷?Yê?ò?</a>
<label></label></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align=”center”><a href=”javascript£otest2()”>??μ÷?Yê??t

</a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align=”center”><a href=”javascript£otest4()”>??μ÷?Yê?èy</a><a href=”javascript£otest3()”></a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align=”center”><a href=”javascript£otest3()”>×??¨ò??Yê?

</a></td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

3?′|£oà?é?àí??

\n