/**
* 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: 300, //消息框宽度
height: 185, //消息框高度
title: '标题', //消息框标题
handler: function() {}, //回调事件，默认空函数
maskAlphaColor: '#000', //遮罩透明色，默认黑色
maskAlpha: 0.3, //遮罩透明度，默认0.1
iframe: false, //iframe模式，默认不是
icoCls: '', //消息框左侧图标，默认无
btn: null, //消息框显示的按钮，默认无
autoClose: true, //点击关闭、确定等按钮是否自动关闭，默认自动关闭
fixPosition: true, //是否随滚动条滚动，默认是
dragOut: false, //是否允许拖出窗口范围，默认不允许
titleBar: true, //是否显示标题栏，默认显示
showMask: true, //是否显示遮罩，默认显示
winPos: 'c', //消息框弹出的位置，默认在页面中间
winAlpha: 1.0, //拖动时消息框的透明度，默认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);
}
});