/**
* ymPrompt.js 消息提示元件
* @author netman8410@163.com
*/
// IE8透明度解決方案
//var location=window.location; 避免iframe跳轉解決方案
(function() {
if (window.ymPrompt) return;
var objType = function(type) {
return new Function('o', "return Object.prototype.toString.call(o)=='[object " + type + "]'")
}; //判斷元素類型
var isArray = objType('Array'),
isObj = objType('Object'); //判斷元素是否陣列、object
window.ymPrompt = {
version: '4.0',
pubDate: '2009-03-02',
apply: function(o, c, d) {
if (d) ymPrompt.apply(o, d);
if (o && c && isObj(c)) for (var p in c) o[p] = c[p];
return o;
},
eventList: []
};
/*初始化可能在頁面載入完成調用的介面，防止外部調用失敗。_initFn:緩存初始調用傳入的參數*/
var initFn = ['setDefaultCfg', 'show'], _initFn = {}, t;
while (t = initFn.shift()) ymPrompt[t] = eval('0,function(){_initFn.' + t + '?_initFn.' + t + '.push(arguments):(_initFn.' + t + '=[arguments])}');
/*以下為公用函數及變數*/
var isIE = !+'\v1'; //IE流覽器
var isCompat = document.compatMode == 'CSS1Compat'; //流覽器當前解釋模式
var IE6 = isIE && /MSIE (\d)\./.test(navigator.userAgent) && parseInt(RegExp.$1) < 7; //IE6以下需要用iframe來遮罩
var useFixed = !isIE || (!IE6 && isCompat); //滾動時，IE7+（標準模式）及其它流覽器使用Fixed定位
var $ = function(id) {return document.getElementById(id)}; //獲取元素
var $height = function(obj) {return parseInt(obj.style.height) || obj.offsetHeight}; //獲取元素高度
var addEvent = (function() {
return new Function('env', 'fn', 'obj', 'obj=obj||document;' + (window.attachEvent ? "obj.attachEvent('on'+env,fn)": 'obj.addEventListener(env,fn,false)') + ';ymPrompt.eventList.push([env,fn,obj])')
})(); //事件綁定
var detachEvent = (function() {
return new Function('env', 'fn', 'obj', 'obj=obj||document;' + (window.attachEvent ? "obj.detachEvent('on'+env,fn)": 'obj.removeEventListener(env,fn,false)'))
})(); //取消事件綁定
//為元素的特定樣式屬性設定值
var setStyle = function(el, n, v) {
if (!el) return;
if (isObj(n)) {
for (var i in n) setStyle(el, i, n[i]);
return;
}
/*dom陣列或dom集合*/
if (isArray(el) || /htmlcollection|nodelist/i.test('' + el)) {
for (var i = el.length - 1; i >= 0; i--) setStyle(el[i], n, v);
return;
}
try {
el.style[n] = v
} catch(e) {}
};
/*----------------和業務有關的公用函數-----------------*/
var btnIndex = 0, btnCache, seed = 0; //當前焦點的按鈕的索引、當前存在的按鈕、id種子
/*創建按鈕*/
var mkBtn = function(txt, sign, autoClose, id) {
if (!txt) return;
if (isArray(txt)) {
/*無效按鈕刪除*/
var item, t = [],
dftBtn = {
OK: [curCfg.okTxt, 'ok'],
CANCEL: [curCfg.cancelTxt, 'cancel']
};
while (txt.length)(item = txt.shift()) && t[t.push(mkBtn.apply(null, dftBtn[item] || item)) - 1] || t.pop();
return t;
}
id = id || 'ymPrompt_btn_' + seed++;
autoClose = autoClose == undefined ? 'undefined': !!autoClose;
return {
id: id,
html: ""
};
};
/*生成按鈕組合的html*/
var joinBtn = function(btn) {
if (!btn) return btnCache = '';
if (!isArray(btn)) btn = [btn];
if (!btn.length) return btnCache = '';
btnCache = btn.concat();
var html = [];
while (btn.length) html.push(btn.shift().html);
return html.join(' ');
}
/*默認顯示配置及用戶當前配置*/
var dftCfg = {
message: '內容', //訊息方塊內容
width: 320, //訊息方塊寬度
height: 185, //訊息方塊高度
title: '標題', //訊息方塊標題
handler: function() {}, //回調事件，默認空函數
maskAlphaColor: '#000', //遮罩透明色，默認黑色
maskAlpha: 0.1, //遮罩透明度，默認0.1
iframe: false, //iframe模式，默認不是
icoCls: '', //訊息方塊左側圖示，默認無
btn: null, //訊息方塊顯示的按鈕，默認無
autoClose: true, //點擊關閉、確定等按鈕是否自動關閉，默認自動關閉
fixPosition: true, //是否隨捲軸滾動，默認是
dragOut: false, //是否允許拖出視窗範圍，默認不允許
titleBar: true, //是否顯示標題欄，默認顯示
showMask: true, //是否顯示遮罩，默認顯示
winPos: 'c', //訊息方塊彈出的位置，默認在頁面中間
winAlpha: 0.8, //拖動時訊息方塊的透明度，默認0.8
closeBtn: true, //是否顯示關閉按鈕，默認顯示
showShadow: false, //是否顯示訊息方塊的陰影，默認不顯示（IE支援）
useSlide: false, //是否啟用訊息方塊的淡入淡出效果，默認不啟用
slideCfg: { //淡入淡出效果配置，useSlide=true時有效
increment: 0.3, //每次漸變的值，值範圍0-1
interval: 50 //漸變的速度
},
closeTxt: '關閉', //關閉按鈕的提示文本
okTxt: ' 確 定 ', //確定按鈕的提示文本
cancelTxt: ' 取 消 ', //取消按鈕的提示文本
msgCls: 'ym-content', //訊息方塊內容的class名稱，用於自定義驗屍官，默認為ym-content,僅在iframe:false時有效
minBtn: false, //是否顯示最小化按鈕，默認不顯示
minTxt: '最小化', //最小化按鈕的提示文本
maxBtn: false, //是否顯示最大化按鈕，默認不顯示
maxTxt: '最大化', //最大化按鈕的提示文本
allowSelect:false, //是否允許選擇訊息方塊內容，默認不允許
allowRightMenu:false //是否允許在訊息方塊使用右鍵，默認不允許
},curCfg = {};
/*開始解析*/
(function() {
var rootEl = document.body, callee = arguments.callee;
if (!rootEl || typeof rootEl != 'object') return addEvent('load', callee, window); //等待頁面載入完成
/*防止在IE下因document未就緒而報“IE無法打開INTERNET站點的錯”的錯*/
if (isIE && document.readyState != 'complete') return addEvent('readystatechange',function() {
document.readyState == "complete"&&callee()
});
rootEl = isCompat ? document.documentElement: rootEl; //根據html Doctype獲取html根節點，以相容非xhtml的頁面
var frameset = document.getElementsByTagName('frameset').length; //是否frameset頁面
if (!isIE && frameset) return; //frameset頁面且不是IE則直接返回，否則會出現錯誤。
/*獲取scrollLeft和scrollTop，在fixed定位時返回0，0*/
var getScrollPos = function() {
return curCfg.fixPosition && useFixed ? [0, 0] : [rootEl.scrollLeft, rootEl.scrollTop];
}
/*保存視窗定位資訊，彈出視窗相對頁面左上角的座標資訊*/
var saveWinInfo = function() {
var pos = getScrollPos();
ymPrompt.apply(dragVar, {
_offX: parseInt(ym_win.style.left) - pos[0],
_offY: parseInt(ym_win.style.top) - pos[1]
});
};
/*-------------------------創建彈窗html-------------------*/
var maskStyle = 'position:absolute;top:0;left:0;display:none;text-align:center';
var div = document.createElement('div');
div.innerHTML = [
/*遮罩*/
"', IE6 ? ("") : '',
/*表單*/
"", IE6 ? "
": '', "
", "
", "
", "
", "
' + curCfg.message + '
') : ""; //內容
(function(el, obj) {
for (var i in obj) try {
el[i] = obj[i]
} catch(e) {}
})(ym_body.firstChild, curCfg.iframe); //為iframe添加自定義屬性
ym_body.className = "ym-body " + curCfg.icoCls; //圖示類型
setStyle(ym_btn, 'display', ((ym_btnContent.innerHTML = joinBtn(mkBtn(curCfg.btn))) ? '': 'none')); //沒有按鈕則隱藏
! curCfg.useSlide && curCfg.showShadow && setStyle(ym_shadow, 'display', '');
setStyle(ym_win, 'display', '');
doNormal(true);
filterWin(curCfg.useSlide ? 0 : 1); //此處使用filter同時可以解決IE非標準模式下有時下邊會出現1px空白，使內容與下部不銜接的問題
/*漸變方式顯示*/
curCfg.useSlide && (function() {
var alpha = 0;
var showFn = function() {
alpha = Math.min(alpha + curCfg.slideCfg.increment, 1);
filterWin(alpha);
if (alpha == 1) {
clearInterval(it);
curCfg.showShadow && setStyle(ym_shadow, 'display', '')
}
}
showFn();
var it = setInterval(showFn, curCfg.slideCfg.interval);
})();
btnCache && $(btnCache[btnIndex = 0].id).focus(); //第一個按鈕獲取焦點
/*是否禁止選擇、禁止右鍵*/
ym_win.onselectstart = curCfg.allowSelect?null:keyEvent;
ym_win.oncontextmenu = curCfg.allowRightMenu?null:keyEvent;
}; //初始化
var init = function() {
ym_wins = [ym_win].concat(curCfg.showShadow ? ym_shadow: ''); //是否使用陰影
maskVisible();
winVisible();
}; //銷毀
var destroy = function() { ! curCfg.useSlide && maskVisible(false);
winVisible(false);
}; //取得iframe
var getPage = function() {
return curCfg.iframe ? ym_body.firstChild: null
}
ymPrompt.apply(ymPrompt, {
close: destroy,
max: max,
min: min,
normal: doNormal,
getPage: getPage,
/*顯示訊息方塊,fargs:優先配置，會覆蓋args中的配置*/
/*show 強制顯示*/
show: function(args, fargs, show) { //如果有視窗未關閉則將本次傳入的資訊放到佇列裏
if (!show && cacheWin.push([args, fargs]) && cacheWin.length > 1) return;
/*支援兩種參數傳入方式:(1)JSON方式 (2)多個參數傳入*/
var a = [].slice.call(args, 0), o = {}, j = -1;
if (!isObj(a[0])) {
for (var i in dftCfg) if (a[++j]) o[i] = a[j];
} else {
o = a[0];
}
ymPrompt.apply(curCfg, ymPrompt.apply({}, o, fargs), ymPrompt.setDefaultCfg()); //先還原默認配置
/*修正curCfg中的無效值(null/undefined)改為預設值*/
for (var i in curCfg) curCfg[i] = curCfg[i] != null ? curCfg[i] : ymPrompt.cfg[i];
init();
},
doHandler: function(sign, autoClose, closeFirst) {
if (autoClose == undefined ? curCfg.autoClose: autoClose) destroy();
try { (curCfg.handler)(sign)
} catch(e) {
alert(e.message)
};
},
resizeWin: setWinSize,
/*設定默認配置*/
setDefaultCfg: function(cfg) {
return ymPrompt.cfg = ymPrompt.apply({}, cfg, ymPrompt.apply({}, ymPrompt.cfg, dftCfg));
},
getButtons: function() {
var btns = btnCache || [], btn, rBtn = [];
while (btn = btns.shift()) rBtn.push($(btn.id));
return rBtn;
}
});
ymPrompt.setDefaultCfg(); //初始化默認配置
/*執行用戶初始化時的調用*/
var t;
for (var i in _initFn) while (t = _initFn[i].shift()) ymPrompt[i].apply(null, t);
/*取消事件綁定*/
addEvent('unload', function() {
while (ymPrompt.eventList.length) detachEvent.apply(null, ymPrompt.eventList.shift());
}, window);
})();
})(); //各訊息方塊的相同操作
ymPrompt.apply(ymPrompt, {
alert: function() {
ymPrompt.show(arguments, {
icoCls: 'ymPrompt_alert',
btn: ['OK']
});
},
succeedInfo: function() {
ymPrompt.show(arguments, {
icoCls: 'ymPrompt_succeed',
btn: ['OK']
});
},
errorInfo: function() {
ymPrompt.show(arguments, {
icoCls: 'ymPrompt_error',
btn: ['OK']
});
},
confirmInfo: function() {
ymPrompt.show(arguments, {
icoCls: 'ymPrompt_confirm',
btn: ['OK', 'CANCEL']
});
},
win: function() {
ymPrompt.show(arguments);
}
});