Js的MessageBox_javascript技巧_脚本之家

拜谒论坛上有人模仿alert 本身也写了一个 本来想效仿winapi里的MessageBox但缺憾js不协理 梗塞形式 再次来到值只好用异步了。 帮助 FFieopera
DOCTYPE能够注明 也能够不注解 存在难题 在opera里图层不能够透明
对于页面内有iframe的也无从接收 在ie里无法掩瞒select的 复制代码
代码如下:-//W3C//DTDXHTML1.0Transitional//EN””;

正文转自:
MessageBox演示
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″
/>
<title>MessageBox演示</title>
<script language=”javascript”>
/*******************************************************************************************  
 *
 * Email:caoailin@gmail.com
 * QQ:38062022
 * Creation date: 2006-11-27
 * 上边包车型大巴开始和结果能够拷贝到二个JS文件之中
*********************************************************************************************/
// 调控开关常量
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 = “”;
//委托方法
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%;}’

MessageBox演示

  •    ‘.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;
    /* 提醒对话框
     * 参数 1 : 提醒内容
     * 参数 2 : 提醒标题
     * 参数 3 : Logo路线
     * 参数 4 : 开关类型
    */
    function MessageBox(){
       var _content = arguments[0] || “那是三个对话框!”;
       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)
  • ”  ” +
                    _btnStr.toFormatString(“msgBoxBtnCancel”,
    MB_CANCEL_TEXT);
         break;
        
       case MB_YESNO       :
             _btnStr = _btnStr.toFormatString(“msgBoxBtnYes”,
    MB_YES_TEXT) + ”  ” +
                    _btnStr.toFormatString(“msgBoxBtnNo”, MB_NO_TEXT);
          break;
      
       case MB_YESNOCANCEL :
             _btnStr = _btnStr.toFormatString(“msgBoxBtnYes”,
    MB_YES_TEXT) + ”  ” +
                    _btnStr.toFormatString(“msgBoxBtnNo”, MB_NO_TEXT) +
    ”  ” +
           _btnStr.toFormatString(“msgBoxBtnCancel”, MB_CANCEL_TEXT);
          break;
         
       default :  _btnStr = _btnStr.toFormatString(“msgBoxBtnOk”,
    MB_OK_TEXT);  break; 
      
       }
       //消除 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>演示:</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>演示:</b></font><br/>调用对话框。是、否、废除”;
      MessageBox(_msg,”演示”,null,MB_YESNOCANCEL); 
    }
    function test2()
    {
      var _msg = “<font
    color=red><b>演示:</b></font><br/>调用对话框。是、否、撤销”;
      MessageBox(_msg,”演示”,MB_ICON,MB_YESNOCANCEL,callback);
    }
    function test4()
    {
      var _msg = “<font
    color=red><b>演示:</b></font><br/>调用对话框。明显、裁撤”;
      MessageBox(_msg,”演示”,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 = “演示一”;
      MB_NO_TEXT = “演示二”;
      MB_CANCEL_TEXT = “演示三”;
      var _msg = “<font
    color=red><b>演示:</b></font><br/>那是自定义的对话框<br/>
    <font color=green>MB_YES_TEXT  MB_NO_TEXT MB_CANCEL_TEXT
    MB_OK_TEXT</font>”;
      MessageBox(_msg,”演示”,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:test(卡塔尔(قطر‎”>普通演示</a></td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td align=”center”><a
    href=”javascript:test1(卡塔尔”>回调演示一</a>
        <label></label></td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td align=”center”><a
    href=”javascript:test2(卡塔尔(قطر‎”>回调集会演示二
         
        </a></td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td align=”center”><a
    href=”javascript:test4(State%20of%20Qatar”>回调集会演示三</a><a
    href=”javascript:test3(卡塔尔”></a></td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td align=”center”><a
    href=”javascript:test3(卡塔尔”>自定义演示
         
        </a></td>
        <td> </td>
      </tr>
    </table>
    </body>
    </html>

/*******************************************************************************************
* *Email:caoailin@gmail.com *QQ:38062022
*Creationdate:2006-11-27 *上边包车型大巴内容能够拷贝到三个JS文件之中
*********************************************************************************************/
//调控开关常量 varMB_OK=0; varMB_CANCEL=1; varMB_OKCANCEL=2;
varMB_YES=3; varMB_NO=4; varMB_YESNO=5; varMB_YESNOCANCEL=6;
//调控按键文本 varMB_OK_TEXT=”确定”; varMB_CANCEL_TEXT=”取消”;
varMB_YES_TEXT=”是”; varMB_NO_TEXT=”否”; //提醒LogovarMB_ICON=””; //委托方法
varMB_OK_METHOD=null; varMB_CANCEL_METHOD=null;
varMB_YES_METHOD=null; varMB_NO_METHOD=null; varMB_BACKCALL=null;
varMB_STR=”+ ”+ ”+ ‘

‘+ ‘

‘+ ‘

‘+ ‘

发表评论

电子邮件地址不会被公开。 必填项已用*标注