/**
* jQuery寮瑰嚭灞傛彃浠讹紝绠€鍗曠簿鑷达紝缁撴瀯绠€鍗曪紝鏍峰紡绠€娲侊紝鎺ュ彛涓板瘜锛屾弧瓒宠交閲忓簲鐢�
* email: tianshaojie@msn.com
* date: 2013-01-15
* version: 1.0.0
*/
(function($) {
var
$doc = $(document),
$win = $(window),
ie = /msie/.test(navigator.userAgent.toLowerCase()),
ie6 = ('undefined' == typeof(document.body.style.maxHeight)),
max = Math.max,
min = Math.min,
purebox = function(options) {
return purebox.list[options.id] ? purebox.list[options.id] : new purebox.fn._init(options);
};
purebox.fn = purebox.prototype = {
constructor : purebox,
_init : function(options) {
var opts = $.extend({}, purebox.defaults, options || {}),
template = ['<div id="',opts.id,'" class="pb"><div class="cboxContent">',
opts.head ? ('<div class="pb-hd">' + (opts.xBtn ? '<a class="pb-x">\u2715</a>' : '') + '<span class="pb-title">'+opts.title+'</span></div>') : '',
'<div class="pb-bd"><div class="pb-ct"></div>',
opts.foot ? ('<div class="tip-box icon-box"><div class="pb-ft">'+(opts.cBtn ? '<a class="pb-btn pb-ok">' + opts.ok_title + '</a>' : '') + (opts.cl_cBtn ? '<a class="pb-btn pb-cl">' + opts.cl_title + '</a>' : '') + '</div></div>') : '',
'</div></div></div>'].join(''),
$pb = $(template),
$head = $pb.find('.pb-hd'),
$foot = $pb.find('.pb-ft'),
that = this;
that.$pb = $pb,
that.$head = $head;
that.$foot = $foot;
that.$xBtn = $head.find('.pb-x');
that.$cont = $pb.find('.pb-ct');
that.$cBtn = $foot.find('.pb-cl');
that.$oBtn = $foot.find('.pb-ok');
that.$pb.appendTo(document.body);
that.opts = opts;
that.offsetHeight = $head.outerHeight()+$foot.outerHeight();
that._bindEvent();
that._setPbZindex();
that.resize(opts.width, opts.height);
that.setContent(opts.content);
opts.drag && that._setDrag();
opts.mask && that._setMask();
opts.resize && that.$pb.resizable({
handles: "e, s, se",
onResize:function() {
that.$cont.height(that.$pb.innerHeight() - that.offsetHeight);
},
onStopResize:function() {
that.$cont.height(that.$pb.innerHeight() - that.offsetHeight);
}
});
!opts.fixed && that.$pb.css('position','absolute');
that.setPos(opts.top, opts.left);
purebox.list[opts.id] = that;
that._focus();
return that;
},
//瀹氫箟鍏ㄥ眬鍙橀噺window.zindex锛屾瘡娆鍊煎姞涓€
_zindex : function() {
window.pb_zindex = window.pb_zindex || 100000;
return ++window.pb_zindex;
},
//璁剧疆寮瑰嚭灞俍杞村潗鏍�
_setPbZindex : function() {
var that = this;
return that.$pb.css('z-index', that._zindex());
},
//璁剧疆閬僵灞俍杞村潗鏍�
_setMaskZindex : function() {
var that = this;
return $('#pb-mask').css('z-index', that._zindex()).show();
},
//璁剧疆閬僵锛岄伄缃╃殑Z杞存瘮鏈€涓婇潰寮瑰嚭灞傚皬锛屾瘮宸叉墦寮€鐨勫脊鍑哄眰澶�
_setMask : function() {
var that = this;
if($('#pb-mask').length) {
that._setMaskZindex();
that._setPbZindex();
} else {
var css = 'position:fixed;width:100%;height:100%;top:0;left:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);opacity:0.2;overflow:hidden;background-color:#000;_position:absolute;left:expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth);top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);',
iframe = ie6 ? '<iframe src="about:blank" style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity=0)"></iframe>' : '';
$('<div id="pb-mask" style="'+css+'">' + iframe + '</div>').css('z-index', that._zindex()).appendTo(document.body);
that._setPbZindex();
}
},
//璁剧疆寮瑰嚭灞傛槸鍚﹀彲浠ユ嫋鎷�
_setDrag : function() {
return new purebox.dragable(this.$pb, this.$head);
},
//缁戝畾瑙﹀彂浜嬩欢
_bindEvent : function(opts) {
var that = this,
opts = that.opts;
that.$xBtn.length && that.$xBtn.click(function() {
$.isFunction(opts.onClose) && opts.onClose();
that.dispose();
});
that.$cBtn.length && that.$cBtn.click(function() {
$.isFunction(opts.onCancel) && opts.onCancel();
that.dispose();
});
that.$oBtn.length && that.$oBtn.click(function() {
var onok = opts.onOk();
if($.isFunction(opts.onOk) && (onok == true || onok == null)){
that.dispose();
}
});
//绐楀彛璋冩暣澶у皬浜嬩欢
var resizeTimer;
$win.resize(function() {
resizeTimer && clearTimeout(resizeTimer);
resizeTimer = setTimeout(function () {
that.setPos(opts.top, opts.left);
}, 40);
});
},
_focus : function() {
var focus = purebox.focus;
this.prev = focus;
purebox.focus = this;
},
//璁剧疆灏哄
resize : function(width, height) {
var that = this;
that.$pb.css('width', max.call(Math,150,width) + 'px');
that.$cont.css('height', max.call(Math,50,height) + 'px');
return that;
},
//璁剧疆浣嶇疆
setPos : function(top, left) {
var that = this,
dl = that.opts.fixed ? 0 : $doc.scrollLeft(),
dt = that.opts.fixed ? 0 : $doc.scrollTop();
if(top === 'c') {
top = $win.height() - that.$pb.outerHeight();
top = top > 0 ? dt + (top>>1)-(top>>3) : 0;
}
if(left === 'c') {
left = $win.width() - that.$pb.outerWidth();
left = left > 0 ? dl + (left>>1) : 0;
}
that.$pb.css({top:top,left:left});
return that;
},
center : function() {
return this.setPos('c', 'c');
},
//璁剧疆寮瑰嚭瑕佹樉绀虹殑鍐呭锛屾敮鎸乭tml鍜宩Query瀵硅薄锛屾殏涓嶆敮鎸乁RL鍜孖mage
setContent : function(c) {
var that = this;
if(typeof(c) === 'string') {
that.$cont.html(c);
} else if(c instanceof jQuery) {
var display = c.css('display'),
prev = c.prev(),
next = c.next(),
parent = c.parent();
that._elemBack = function () {
if (prev.length) {
prev.after(c);
} else if (next.length) {
next.before(c);
} else if (parent.length) {
parent.append(c);
};
c.css('display',display);
that._elemBack = null;
};
that.$cont.append(c);
}
return that;
},
//鍏抽棴鎸夐挳瀵瑰簲鐨勬搷浣�
dispose : function() {
var that = this;
that._elemBack && that._elemBack();
that.$pb.remove();
delete purebox.list[that.opts.id];
purebox.focus = purebox.focus.prev;
if(purebox.focus) {
if(purebox.focus.opts.mask) {
that._setMaskZindex();
} else {
$('#pb-mask').hide();
}
$('.pb').last().css('z-index', that._zindex());
} else {
$('#pb-mask').remove();
}
}
};
purebox.fn._init.prototype = purebox.fn;
purebox.defaults = {
id : 'pb', //寮瑰嚭灞侷D
title : '\u6807\u9898', //寮瑰嚭灞傛爣棰橈紝榛樿鈥滄爣棰樷€�
content : '', //寮瑰嚭灞傚唴瀹癸紝鏀寔html鍜宩Query瀵硅薄锛屾殏涓嶆敮鎸乁RL鍜孖mage
width : 'auto', //寮瑰嚭灞傚搴�
height : 'auto', //寮瑰嚭灞傞珮搴�
left : 'c', //X杞村潗鏍囷紝center榛樿灞呬腑鏄剧ず
top : 'c', //Y杞村潗鏍囷紝center榛樿灞呬腑鏄剧ず
fixed : true, //鏄惁闈欐瀹氫綅
drag : true, //鏄惁鎷栨嫿
mask : true, //鏄惁閿佸睆
resize : false, //鏄惁鍙互璋冭妭灏哄锛岄渶瑕佸紩鍏query.resizable.js
head : true, //鏄惁鏄剧ず鏍囬鏍�
foot : true, //鏄惁鏄剧ず鎸夐挳鏍�
xBtn : true, //鏄惁鏄剧ず鍏抽棴鎸夐挳
cBtn : true, //鏄惁鏄剧ず鍙栨秷鎸夐挳
cl_cBtn : true,
onClose : null, //鍏抽棴鍥炶皟浜嬩欢
onOk : null, //纭畾鍥炶皟浜嬩欢
onCancel: null //鍙栨秷鍥炶皟浜嬩欢
};
purebox.focus = null;
purebox.list = {};
//鎷栨嫿
purebox.dragable = function() {
return this.initialize.apply(this, arguments);
};
purebox.dragable.prototype = {
//鎷栨斁瀵硅薄
initialize: function($drag, $handle) {
this._drag = $drag;//鎷栨斁瀵硅薄
this._handle = $handle || this._drag;
//浜嬩欢浠ｇ悊
this.move = $.proxy(this.onMove,this);
this.stop = $.proxy(this.onStop,this);
this._handle.bind("mousedown", $.proxy(this.onStart,this));
},
//鍑嗗鎷栧姩
onStart: function(event) {
//璁板綍榧犳爣鐩稿鎷栨斁瀵硅薄鐨勪綅缃�
this._x = event.clientX - parseInt(this._drag.css('left'), 10);
this._y = event.clientY - parseInt(this._drag.css('top'), 10);
$doc.bind('mousemove',this.move).bind('mouseup', this.stop);
if(ie){
//鐒︾偣涓㈠け
this._handle.bind("losecapture", this.stop);
//璁剧疆榧犳爣鎹曡幏
this._handle.get(0).setCapture();
}else{
//鐒︾偣涓㈠け
$doc.bind("blur", this.stop);
//闃绘榛樿鍔ㄤ綔
event.preventDefault();
};
},
//鎷栧姩
onMove: function(event) {
//娓呴櫎閫夋嫨
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
//璁剧疆绉诲姩鍙傛暟銆佽寖鍥撮檺鍒讹紝鍔ㄦ€佺殑浣跨敤$win.width()鍜�$drag.outerWidth()鏄负浜嗛伩鍏嶇獥鍙ｅぇ灏忓拰寮瑰嚭灞傚ぇ灏忔敼鍙樻槸瀵规嫋鍔ㄤ綅缃殑褰卞搷
var iLeft = event.clientX - this._x,
iTop = event.clientY - this._y,
fixed = this._drag.css('position') === 'fixed',
dl = fixed ? 0 : $doc.scrollLeft(),
dt = fixed ? 0 : $doc.scrollTop(),
maxLeft = dl + $win.width() - this._drag.outerWidth(),
maxTop = dt + $win.height() - this._drag.outerHeight();
iLeft = max(min(iLeft, maxLeft), dl);
iTop = max(min(iTop, maxTop), dt);
this._drag.css({top:iTop, left:iLeft});
},
//鍋滄鎷栧姩
onStop: function() {
//绉婚櫎浜嬩欢
$doc.unbind("mousemove", this.move);
$doc.unbind("mouseup", this.stop);
if(ie){
this.unbind("losecapture", this.stop);
this._handle.get(0).releaseCapture();
}else{
$doc.unbind("blur", this.stop);
};
}
};
//鎵╁睍鍒癹Query宸ュ叿闆�
window.pb = $.pb = $.purebox = purebox;
//鎵╁睍鍒癹Query鍖呰闆�
$.fn.pb = $.fn.purebox = function (options) {
return this.bind('click', function() {
$.pb(options);
});
};
//鎵╁睍alert
$.pb.alert = function(content, callback) {
return $.pb({
id : 'pb-alert',
title : '\u63d0\u793a',
content : wrapCont(content),
width : 300,
height : 70,
onOk : callback,
cBtn : false,
resize : false
});
};
//鎵╁睍confirm
$.pb.confirm = function(content, ok, cancel) {
return $.pb({
id : 'pb-confirm',
title : '\u786e\u8ba4',
content : wrapCont(content),
width : 300,
height : 70,
onOk : ok,
onCancel : cancel,
resize : false
});
};
//灞呬腑鏄剧ず鏂囧瓧Alert,Confirm
function wrapCont(cont) {
return '<div style="text-align:center;padding: 20px 10px 0;">' + cont + '</div>';
}
})(window.jQuery);