/**
* ymPrompt.js 消息提示组件
* @author netman8410@163.com
*/
// IE8透明度解决方案
$(document).ready(function() {
(function() {
if (window.ymPrompt) return;
window.ymPrompt = {
version: '4.0',
pubDate: '2009-02-07',
apply: function(o, c, d) {
if (d) ymPrompt.apply(o, d);
if (o && c && typeof c == 'object') 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 + '=arguments}');
/*以下为公用函数及变量*/
var isIE = ! +'\v1'; //IE浏览器
var useIframe = isIE && /MSIE (\d)\./.test(navigator.userAgent) && parseInt(RegExp.$1) < 7; //是否需要用iframe来遮罩
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])'].join(''))
})(); //事件绑定
var detachEvent = (function() {
return new Function('env', 'fn', 'obj', ['obj=obj||document;', window.attachEvent ? "obj.detachEvent('on'+env,fn)" : 'obj.removeEventListener(env,fn,false)'].join(''))
})(); //取消事件绑定
//为元素的设定样式值
var setCss = function(el, n) {
if (!el) return;
/*dom数组或dom集合*/
if (el instanceof Array) {
var arr = el.concat();
while (el = arr.shift()) setCss(el, n);
return;
}
el.style.cssText += ';' + n;
};
/*----------------和业务有关的公用函数-----------------*/
var btnIndex = 0, btnCache, seed = 0; //当前焦点的按钮的索引、当前存在的按钮、id种子
/*创建按钮*/
var defaultBtn = function() { return { OK: [curCfg.okTxt, 'ok'], CANCEL: [curCfg.cancelTxt, 'cancel']} };
var mkBtn = function(txt, sign, autoClose, id) {
if (!txt) return;
if (txt instanceof Array) {
/*无效按钮删除*/
var item, t = [];
while (txt.length) (item = txt.shift()) && t[t.push(mkBtn.apply(null, defaultBtn()[item] || item)) - 1] || t.pop();
return t;
}
id = id || 'ymPrompt_btn_' + seed++;
autoClose = typeof autoClose == 'undefined' ? 'undefined' : !!autoClose;
return {
id: id,
html: ""
};
}
/*生成按钮组合的html*/
var joinBtn = function(btn) {
if (!btn) return btnCache = '';
if (!(btn instanceof Array)) 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 = {
titleBar: true,
fixPosition: false,
dragOut: true,
autoClose: true,
showMask: true,
maskAlphaColor: '#000', //遮罩透明色
maskAlpha: 0.1, //遮罩透明度
winAlpha: 0.8, //拖动窗体时窗体的透明度
title: '百科系统消息提示', //消息框标题
message: '内容', //消息框按钮
width: 300,
height: 185,
winPos: 'c',
iframe: false,
btn: null,
closeTxt: '关闭',
okTxt: ' 确 定 ',
cancelTxt: ' 取 消 ',
icoCls: '',
handler: function() { } //回调事件
}, curCfg = {};
/*开始解析*/
(function() {
if (!document.body || typeof document.body != 'object') return addEvent('load', arguments.callee, window); //等待页面加载完成
var rootEl = document.compatMode == 'CSS1Compat' ? document.documentElement : document.body; //根据html Doctype获取html根节点，以兼容非xhtml的页面
/*保存窗口定位信息*/
var saveWinInfo = function() {
ymPrompt.apply(dragVar, {
_offX: ym_win.offsetLeft - rootEl.scrollLeft, //弹出框相对屏幕的位移差
_offY: ym_win.offsetTop - rootEl.scrollTop
});
};
/*-------------------------创建弹窗html-------------------*/
var maskStyle = 'position:absolute;top:0;left:0;display:none;text-align:center';
var div = document.createElement('div');
div.innerHTML = [
/*遮罩*/
"', useIframe ? ("") : '',
/*窗体*/
"", useIframe ? "
" : '', "
", "
", "
", "
", "
";
ym_body.innerHTML = !curCfg.iframe ? ('' + 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; //图标类型
setCss(ym_btn, 'display:' + ((ym_btnContent.innerHTML = joinBtn(mkBtn(curCfg.btn))) ? 'block' : 'none')); //没有按钮则隐藏
setCss(ym_win, 'display:block');
setWinSize(); //定位窗口
btnCache && $(btnCache[btnIndex = 0].id).focus(); //第一个按钮获取焦点
}; //初始化
var isShow = false;
var init = function() {
isShow = true;
maskVisible();
winVisible();
}; //销毁
var destroy = function() {
isShow = false;
maskVisible(false);
winVisible(false);
};
ymPrompt.apply(ymPrompt, {
close: destroy,
getPage: function() {
return curCfg.iframe ? ym_body.firstChild : null
},
/*显示消息框,fargs:优先配置，会覆盖args中的配置*/
show: function(args, fargs) {
if (isShow) ymPrompt.doHandler('close', curCfg.autoClose, true);
/*支持两种参数传入方式:(1)JSON方式 (2)多个参数传入*/
var a = [].slice.call(args, 0), o = {};
if (typeof a[0] != 'object') {
var cfg = ['message', 'width', 'height', 'title', 'handler', 'maskAlphaColor', 'maskAlpha', 'iframe', 'icoCls', 'btn', 'autoClose', 'fixPosition', 'dragOut', 'titleBar', 'showMask', 'winPos', 'winAlpha'];
for (var i = 0, l = a.length; i < l; i++) if (a[i]) o[cfg[i]] = a[i];
} 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 (typeof autoClose == 'undefined' ? curCfg.autoClose : autoClose) destroy();
try { (curCfg.handler)(sign) } catch (e) { };
},
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 btns = btn = null, rBtn;
}
});
ymPrompt.setDefaultCfg(); //初始化默认配置
/*执行用户初始化时的调用*/
for (var i in _initFn) ymPrompt[i].apply(null, _initFn[i]);
/*取消事件绑定*/
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);
}
});
window.alert = ymPrompt.alert;
});