/**
* ymPrompt.js 消息提示组件
* @author netman8410@163.com
*/
// IE8透明度解决方案
(function() {
if (window.ymPrompt) return;
window.ymPrompt = {
version: '4.0',
pubDate: '2009-02-16',
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 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])'].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;
}
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 (txt instanceof Array) {
/*无效按钮删除*/
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 (! (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: true,
dragOut: false,
autoClose: true,
showMask: true,
maskAlphaColor: '#000', //遮罩透明色
maskAlpha: 0.1, //遮罩透明度
winAlpha:0.8, //拖动窗体时窗体的透明度
title: 'title', //消息框标题
message: 'content', //消息框按钮
width: 300,
height: 185,
winPos: 'c',
iframe: false,
btn: null,
closeBtn:true,
closeTxt: 'close',
okTxt:' ok ',
cancelTxt:' cancel ',
icoCls: '',
handler: function() {} //回调事件
},curCfg = {};
/*开始解析*/
(function() {
var rootEl=document.body;
if (!rootEl || typeof rootEl != 'object') return addEvent('load', arguments.callee, window); //等待页面加载完成
rootEl = isCompat ? document.documentElement: rootEl; //根据html Doctype获取html根节点，以兼容非xhtml的页面
var noFS=/body/i.test(document.body); //不是frameset页面
if(!isIE&&!noFS) return; //frameset页面且不是IE则直接返回，否则会出现错误。
/*保存窗口定位信息*/
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 = [
/*遮罩*/
"', IE6 ? ("") : '',
/*窗体*/
"", IE6 ? "
": '', "
", "
", "
", "
", "
×
":'';
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; //图标类型
setStyle(ym_btn, 'display',((ym_btnContent.innerHTML = joinBtn(mkBtn(curCfg.btn))) ? '': 'none')); //没有按钮则隐藏
setStyle(ym_win, 'display','');
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(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 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);
}
});