h的动漫在线观看亚洲一区,色香蕉网站,热99re久久精品这里都是精品

　Js的MessageBox

作者：caoailin　時(shí)間： 2008-05-15　文檔類型：原創(chuàng)　來自：藍(lán)色理想

看到論壇上有人模仿alert，自己也寫了一個(gè)。
本來想模仿winapi里的MessageBox
但可惜js 不支持，阻塞模式。
返回值只能用異步了。
支持FF、ie、opera。
DOCTYPE 可以申明，也可以不申明。

存在問題：　

在opera 里圖層不能透明　
對于頁面內(nèi)有iframe的也無法使用
在ie里無法遮住select的

運(yù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演示</title> <script language="javascript"> /******************************************************************************************* * http://2lin.net * Email:caoailin@gmail.com * QQ:38062022 * Creation date: 2006-11-27 * 下面的內(nèi)容可以拷貝到一個(gè)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 = " 否 "; //提示圖標(biāo) var MB_ICON = "http://2lin.net/image/information.gif"; //委托方法 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"></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; /* 提示對話框 * 參數(shù) 1 : 提示內(nèi)容 * 參數(shù) 2 : 提示標(biāo)題 * 參數(shù) 3 : 圖標(biāo)路徑 * 參數(shù) 4 : 按鈕類型 */ function MessageBox(){ var _content = arguments[0] || "這是一個(gè)對話框！"; 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 下會(huì)復(fù)位 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); //設(shè)置位置 $("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/>調(diào)用對話框。是、否、取消"; MessageBox(_msg,"演示",null,MB_YESNOCANCEL); } function test2() { var _msg = "<font color=red><b>演示：</b></font><br/>調(diào)用對話框。是、否、取消"; MessageBox(_msg,"演示",MB_ICON,MB_YESNOCANCEL,callback); } function test4() { var _msg = "<font color=red><b>演示：</b></font><br/>調(diào)用對話框。確定、取消"; 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()">回調(diào)演示一</a> <label></label></td> <td> </td> </tr> <tr> <td> </td> <td align="center"><a href="javascript:test2()">回調(diào)演示二 </a></td> <td> </td> </tr> <tr> <td> </td> <td align="center"><a href="javascript:test4()">回調(diào)演示三</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>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2697900-1-1.html

本文鏈接：http://www.95time.cn/tech/web/2008/5794.asp　

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。

相關(guān)文章

更多相關(guān)鏈接

Javascript的匿名函數(shù)

也談javascript程序優(yōu)化問題

[js效果]商品分類到搜索欄友好提示

認(rèn)識延遲時(shí)間為0的setTimeout

關(guān)于Javascript的內(nèi)存泄漏問題


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大福“敬•自然”設(shè)計(jì)大賽開啟

國際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國國防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx