/**
* ymPrompt.js 消息提示组件
* @author netman8410@163.com
*/
// IE8透明度解决方案
(function() {
if (window.ymPrompt) return;
window.ymPrompt = {
version: '4.0',
pubDate: '2009-02-03',
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 = ['getPage', 'resizeWin', 'doHandler', 'close', 'setDefaultCfg','show'], _initFn = {},t;
while(t=initFn.shift()) ymPrompt[t] = eval('0,function(){_initFn.'+t+'=arguments}');
/*以下为公用函数及变量*/
var useIframe = /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 setStyle = function(el, n, v) {
if (!el) return;
if (typeof n == 'object') {
for (var i in n) setStyle(el, i, n[i]);
return;
}
/*dom数组或dom集合*/
if (el instanceof Array || /htmlcollection|nodelist/i.test(''+el)) {
for (var i = el.length - 1; i >= 0; i--) setStyle(el[i], n, v);
return;
}
el.style[n] = v;
};
/*----------------和业务有关的公用函数-----------------*/
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.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 + '
') : ""; //内容
ym_body.className = "ym-body " + curCfg.icoCls; //图标类型
setStyle(ym_btn, 'display', (ym_btnContent.innerHTML = joinBtn(mkBtn(curCfg.btn))) ? '': 'none'); //没有按钮则隐藏
setStyle(ym_win, 'display', '');
SetWinSize(curCfg.width, curCfg.height);
btnCache && $(btnCache[btnIndex = 0].id).focus(); //第一个按钮获取焦点
}; //初始化
var init = function() {
maskVisible();
winVisible();
}; //销毁
var destroy = function() {
maskVisible(false);
winVisible(false);
};
ymPrompt.apply(ymPrompt, {
close: destroy,
getPage: function() {
return ym_body.firstChild.tagName.toLowerCase() == 'iframe' ? ym_body.firstChild: null
},
/*显示消息框,fargs:优先配置，会覆盖args中的配置*/
show: function(args, fargs) {
/*支持两种参数传入方式:(1)JSON方式 (2)多个参数传入*/
var a = Array.prototype.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'];
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) {
if (typeof autoClose == 'undefined' ? curCfg.autoClose: autoClose) destroy();
eval(curCfg.handler)(sign);
},
resizeWin: SetWinSize,
/*设定默认配置*/
setDefaultCfg: function(cfg) {
return ymPrompt.cfg = ymPrompt.apply({},
cfg, ymPrompt.apply({},
ymPrompt.cfg, dftCfg));
}
});
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);
}
});