From 6b76b773b9abecfea2dcab7251ecb76595c5d86c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com> Date: Sun, 8 Dec 2013 19:41:14 +0800 Subject: [PATCH 01/30] new artDialog! --- .gitignore | 3 + LICENSE.md | 28 + README.md | 72 +- artDialog.min.js | 9 - artDialog.plugins.min.js | 1 - css/ui-dialog.css | 440 ++++++++++ doc/css/doc.css | 49 ++ doc/index.html | 1395 ++++++++++++++++++++++++++++++ doc/index.md | 1038 +++++++++++++++++++++++ doc/js/doc.js | 134 +++ doc/js/sh_languages.js | 9 + index.html | 1312 ----------------------------- jquery.artDialog.min.js | 9 - lib/jquery-1.10.2.js | 6 + lib/require.js | 36 + lib/sea.js | 15 + license.txt | 165 ---- skins/aero.css | 60 -- skins/aero/aero_s.png | Bin 2381 -> 0 bytes skins/aero/aero_s2.png | Bin 188 -> 0 bytes skins/black.css | 78 -- skins/black/bg.png | Bin 2971 -> 0 bytes skins/black/bg2.png | Bin 186 -> 0 bytes skins/black/bg_css3.png | Bin 2163 -> 0 bytes skins/black/bg_css3_2.png | Bin 119 -> 0 bytes skins/blue.css | 78 -- skins/blue/bg.png | Bin 2924 -> 0 bytes skins/blue/bg2.png | Bin 209 -> 0 bytes skins/blue/bg_css3.png | Bin 2237 -> 0 bytes skins/blue/bg_css3_2.png | Bin 133 -> 0 bytes skins/chrome.css | 59 -- skins/chrome/border.png | Bin 260 -> 0 bytes skins/chrome/chrome_s.png | Bin 1202 -> 0 bytes skins/default.css | 70 -- skins/green.css | 78 -- skins/green/bg.png | Bin 3062 -> 0 bytes skins/green/bg2.png | Bin 201 -> 0 bytes skins/green/bg_css3.png | Bin 2358 -> 0 bytes skins/green/bg_css3_2.png | Bin 119 -> 0 bytes skins/green/color_bg.png | Bin 3062 -> 0 bytes skins/idialog.css | 72 -- skins/idialog/idialog_s.png | Bin 3811 -> 0 bytes skins/idialog/idialog_s2.png | Bin 184 -> 0 bytes skins/loading.gif | Bin 381 -> 0 bytes skins/opera.css | 61 -- skins/opera/s1.png | Bin 2818 -> 0 bytes skins/opera/s2.png | Bin 177 -> 0 bytes skins/simple.css | 54 -- skins/twitter.css | 58 -- source/artDialog.js | 1536 ---------------------------------- source/artDialog.plugins.js | 322 ------- source/jquery.artDialog.js | 979 ---------------------- src/dialog-drag.js | 27 + src/dialog-iframe.js | 71 ++ src/dialog.js | 527 ++++++++++++ src/drag.js | 216 +++++ src/popup.js | 665 +++++++++++++++ test/align-overflow.html | 46 + test/align.html | 138 +++ test/button.html | 56 ++ test/close.html | 45 + test/content.html | 49 ++ test/fixed.html | 34 + test/iframe-content.html | 73 ++ test/iframe-input.html | 35 + test/iframe.html | 44 + test/openDialog.html | 88 ++ test/show-element.html | 92 ++ test/show-event.html | 34 + test/show.html | 44 + test/showModal.html | 44 + test/title.html | 52 ++ 72 files changed, 5555 insertions(+), 5051 deletions(-) create mode 100644 .gitignore create mode 100644 LICENSE.md delete mode 100644 artDialog.min.js delete mode 100644 artDialog.plugins.min.js create mode 100644 css/ui-dialog.css create mode 100644 doc/css/doc.css create mode 100644 doc/index.html create mode 100755 doc/index.md create mode 100644 doc/js/doc.js create mode 100644 doc/js/sh_languages.js delete mode 100644 index.html delete mode 100644 jquery.artDialog.min.js create mode 100644 lib/jquery-1.10.2.js create mode 100644 lib/require.js create mode 100755 lib/sea.js delete mode 100644 license.txt delete mode 100644 skins/aero.css delete mode 100644 skins/aero/aero_s.png delete mode 100644 skins/aero/aero_s2.png delete mode 100644 skins/black.css delete mode 100644 skins/black/bg.png delete mode 100644 skins/black/bg2.png delete mode 100644 skins/black/bg_css3.png delete mode 100644 skins/black/bg_css3_2.png delete mode 100644 skins/blue.css delete mode 100644 skins/blue/bg.png delete mode 100644 skins/blue/bg2.png delete mode 100644 skins/blue/bg_css3.png delete mode 100644 skins/blue/bg_css3_2.png delete mode 100644 skins/chrome.css delete mode 100644 skins/chrome/border.png delete mode 100644 skins/chrome/chrome_s.png delete mode 100644 skins/default.css delete mode 100644 skins/green.css delete mode 100644 skins/green/bg.png delete mode 100644 skins/green/bg2.png delete mode 100644 skins/green/bg_css3.png delete mode 100644 skins/green/bg_css3_2.png delete mode 100644 skins/green/color_bg.png delete mode 100644 skins/idialog.css delete mode 100644 skins/idialog/idialog_s.png delete mode 100644 skins/idialog/idialog_s2.png delete mode 100644 skins/loading.gif delete mode 100644 skins/opera.css delete mode 100644 skins/opera/s1.png delete mode 100644 skins/opera/s2.png delete mode 100644 skins/simple.css delete mode 100644 skins/twitter.css delete mode 100644 source/artDialog.js delete mode 100644 source/artDialog.plugins.js delete mode 100644 source/jquery.artDialog.js create mode 100644 src/dialog-drag.js create mode 100644 src/dialog-iframe.js create mode 100644 src/dialog.js create mode 100755 src/drag.js create mode 100644 src/popup.js create mode 100644 test/align-overflow.html create mode 100644 test/align.html create mode 100755 test/button.html create mode 100755 test/close.html create mode 100755 test/content.html create mode 100755 test/fixed.html create mode 100644 test/iframe-content.html create mode 100644 test/iframe-input.html create mode 100755 test/iframe.html create mode 100644 test/openDialog.html create mode 100644 test/show-element.html create mode 100644 test/show-event.html create mode 100755 test/show.html create mode 100755 test/showModal.html create mode 100755 test/title.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..07c7af2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +.DS_Store +dist/*.js +*selectbox* \ No newline at end of file diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..da08777 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,28 @@ +# 授权 + +## LGPL + +artDialog 采用 [LGPL](http://www.gnu.org/licenses/lgpl-2.1.html) 开源协议： + +* 基于 GPL 的软件允许商业化销售，但不允许封闭源代码。 +* 如果您对遵循 GPL 的软件进行任何改动和/或再次开发并予以发布，则您的产品必须继承 GPL 协议，不允许封闭源代码。 +* 基于 LGPL 的软件也允许商业化销售，但不允许封闭源代码。 +* 如果您对遵循 LGPL 的软件进行任何改动和/或再次开发并予以发布，则您的产品必须继承 LGPL 协议，不允许封闭源代码。但是如果您的程序对遵循 LGPL 的软件进行任何连接、调用而不是包含，则允许封闭源代码。 + +## 商业授权 + +### 权利 + +* 您可以将 artDialog 程序直接使用在自己的商业或者非商业网站或者软件产品中。 +* 您可以对 artDialog 进行修改和美化，可以去除 artDialog 版权注释或改变程序名称，无需公开您修改或美化过的 artDialog 程序与界面。 +* 商业授权每个公司只需要购买一次，而不限制产品域名。适用于 artDialog 现有版本和所有后续版本，永久有效。 +* 您享有反映和提出意见的优先权，相关意见将被作为首要考虑。 + +### 费用 + +artDialog v6 商业授权费用：￥999 + +### 联系 + + + diff --git a/README.md b/README.md index 1d0cd85..eb090cd 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,22 @@ -artDialog -========= - -优雅的web对话框控件 - -artDialog 是一个精心设计的对话框控件，它拥有精致的界面与易用的编程接口。 - -## 概述 - -artDialog 是一个精心设计的 web 对话框控件，它继承与延伸了桌面对话框的特性，拥有细致的用户体验与精致的界面。artDialog 基于 LGPL 协议开源，无论是个人还是商业项目都可免费使用。 - -## 特点 - -#### 自适应内容尺寸 - -对话框采用特殊UI结构，无论使用AJAX异步填充内容还是类似tabs等控件导致内容变化，对话框均可自动自适应内容尺寸。 - -#### 智能文本对齐 - -如果设置了对话框宽度（包括用户通过调节把柄改变了尺寸），对话框中的文本会自动居中或者居左对齐，这些都是使用用CSS实现的。 - -#### 黄金比例垂直居中 - -对话框默认会采用黄金比例垂直居中弹出，正如网页中重要的内容会被安排在垂直黄金区域一样，这样更舒适。 - -#### 可吸附式弹出 - -宽屏笔记本用户已经逐渐成为主流，很多时候大幅度的移动鼠标操作也是一个麻烦的事情（尤其是使用触控板），artDialog支持设置在onclick事件触发源弹出，以让用户操作更加便捷。 - -#### 支持快捷键与默认焦点 - -* ESC快捷键默认触发对话框关闭（除非在输入状态）。 - -* 若有确定按钮，焦点默认停留在确定按钮上，否则停留在右上角关闭按钮上，这样用户可以通过回车键进行操作。 - -### 友好的API - -在保持小巧的程序体积之外，artDialog提供了丰富的可选配置与方法。它的API风格统一，简单易用，稍微阅读文档一个示例即可举一反三。 - -## 用户 - -* 腾讯 -* 盛大 -* 中国移动 -* 中国电信 -* ... - -## 演示 - -http://aui.github.com/artDialog/ \ No newline at end of file +# artDialog``v6`` +========================== + +artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。 + +## 用户 + +四年来，有超过 40 万网站在使用 artDialog，其中包括： + +* [QQ空间 v8（腾讯）](http://qzone.qq.com) +* [QQ旋风（腾讯）](http://xf.qq.com) +* [Phpcms（盛大）](http://www.phpcms.cn) +* [极路由](http://www.hiwifi.com) +* [中国电信客服系统](http://www.189.cn) + +## 文档与示例 + + + +## 授权协议 + +免费，且开源。基于[LGPL 协议或商业协议](./LICENSE.md)。 \ No newline at end of file diff --git a/artDialog.min.js b/artDialog.min.js deleted file mode 100644 index 3eb4296..0000000 --- a/artDialog.min.js +++ /dev/null @@ -1,9 +0,0 @@ -/*! -* artDialog 5.0.2 -* Date: 2012-11-11 -* https://github.com/aui/artDialog -* (c) 2009-2012 TangBin, http://www.planeArt.cn -* -* This is licensed under the GNU LGPL, version 2.1 or later. -* For details, see: http://creativecommons.org/licenses/LGPL/2.1/ -*/(function(e,t){function s(e,t,n){t=t||document,n=n||"*";var r=0,i=0,s=[],o=t.getElementsByTagName(n),u=o.length,a=new RegExp("(^|\\s)"+e+"(\\s|$)");for(;r)[^>]*$|#([\w\-]+)$)/,i=/[\n\t]/g;return e.$===t&&(e.$=n),n.fn=n.prototype={constructor:function(e,t){var n,i;t=t||document;if(!e)return this;if(e.nodeType)return this[0]=e,this;if(typeof e=="string"){n=r.exec(e);if(n&&n[2])return i=t.getElementById(n[2]),i&&i.parentNode&&(this[0]=i),this}return this[0]=e,this},hasClass:function(e){var t=" "+e+" ";return(" "+this[0].className+" ").replace(i," ").indexOf(t)>-1?!0:!1},addClass:function(e){return this.hasClass(e)||(this[0].className+=" "+e),this},removeClass:function(e){var t=this[0];return e?this.hasClass(e)&&(t.className=t.className.replace(e," ")):t.className="",this},css:function(e,r){var i,s=this[0],o=arguments[0];if(typeof e=="string"){if(r===t)return n.css(s,e);s.style[e]=r}else for(i in o)s.style[i]=o[i];return this},show:function(){return this.css("display","block")},hide:function(){return this.css("display","none")},offset:function(){var e=this[0],t=e.getBoundingClientRect(),n=e.ownerDocument,r=n.body,i=n.documentElement,s=i.clientTop||r.clientTop||0,o=i.clientLeft||r.clientLeft||0,u=t.top+(self.pageYOffset||i.scrollTop)-s,a=t.left+(self.pageXOffset||i.scrollLeft)-o;return{left:a,top:u}},html:function(e){var r=this[0];return e===t?r.innerHTML:(n.cleanData(r.getElementsByTagName("*")),r.innerHTML=e,this)},remove:function(){var e=this[0];return n.cleanData(e.getElementsByTagName("*")),n.cleanData([e]),e.parentNode.removeChild(e),this},bind:function(e,t){return n.event.add(this[0],e,t),this},unbind:function(e,t){return n.event.remove(this[0],e,t),this}},n.fn.constructor.prototype=n.fn,n.isWindow=function(e){return e&&typeof e=="object"&&"setInterval"in e},n.fn.find=function(e){var t,r=this[0],i=e.split(".")[1];return i?document.getElementsByClassName?t=r.getElementsByClassName(i):t=s(i,r):t=r.getElementsByTagName(e),n(t[0])},n.each=function(e,n){var r,i=0,s=e.length,o=s===t;if(o){for(r in e)if(n.call(e[r],r,e[r])===!1)break}else for(var u=e[0];il&&g-E>N?g-E+v:x,T=T+S>c+C&&y-S>C?y-S:T,w.left=parseInt(x)+"px",w.top=parseInt(T)+"px",this._follow&&this._follow.removeAttribute(s),this._follow=t,t[s]=r.id,this},button:function(){var t=this.dom,n=t.buttons,r=n[0],i="d-state-highlight",s=this._listeners=this._listeners||{},u=[].slice.call(arguments),a=0,f,l,c,h,p;for(;aloading..',title:"message",button:null,ok:null,cancel:null,initialize:null,beforeunload:null,okValue:"ok",cancelValue:"cancel",width:"auto",height:"auto",padding:"20px 25px",skin:null,time:null,esc:!0,focus:!0,visible:!0,follow:null,lock:!1,fixed:!1,zIndex:1987},this.artDialog=e.dialog=e.artDialog=l}(this.art||this.jQuery,this) \ No newline at end of file diff --git a/artDialog.plugins.min.js b/artDialog.plugins.min.js deleted file mode 100644 index fe1e2e8..0000000 --- a/artDialog.plugins.min.js +++ /dev/null @@ -1 +0,0 @@ -(function(c){c.alert=c.dialog.alert=function(b,a){return c.dialog({id:"Alert",fixed:!0,lock:!0,content:b,ok:!0,beforeunload:a})};c.confirm=c.dialog.confirm=function(b,a,m){return c.dialog({id:"Confirm",fixed:!0,lock:!0,content:b,ok:a,cancel:m})};c.prompt=c.dialog.prompt=function(b,a,m){var d;return c.dialog({id:"Prompt",fixed:!0,lock:!0,content:['
',b,'
'].join(""),initialize:function(){d=this.dom.content.find(".d-input-text")[0];d.select();d.focus()},ok:function(){return a&&a.call(this,d.value)},cancel:function(){}})};c.dialog.prototype.shake=function(){var b=function(a,b,c){var h=+new Date,e=setInterval(function(){var f=(+new Date-h)/c;1<=f?(clearInterval(e),b(f)):a(f)},13)},a=function(c,d,g,h){var e=h;void 0===e&&(e=6,g/=e);var f=parseInt(c.style.marginLeft)||0;b(function(a){c.style.marginLeft=f+(d-f)*a+"px"},function(){0!==e&&a(c,1===e?0:1.3*(d/e-d),g,--e)},g)};return function(){a(this.dom.wrap[0],40,600);return this}}();var o=function(){var b=this,a=function(a){var c=b[a];b[a]=function(){return c.apply(b,arguments)}};a("start");a("over");a("end")};o.prototype={start:function(b){c(document).bind("mousemove",this.over).bind("mouseup",this.end);this._sClientX=b.clientX;this._sClientY=b.clientY;this.onstart(b.clientX,b.clientY);return!1},over:function(b){this._mClientX=b.clientX;this._mClientY=b.clientY;this.onover(b.clientX-this._sClientX,b.clientY-this._sClientY);return!1},end:function(b){c(document).unbind("mousemove",this.over).unbind("mouseup",this.end);this.onend(b.clientX,b.clientY);return!1}};var j=c(window),k=c(document),i=document.documentElement,p=!!("minWidth"in i.style)&&"onlosecapture"in i,q="setCapture"in i,r=function(){return!1},n=function(b){var a=new o,c=artDialog.focus,d=c.dom,g=d.wrap,h=d.title,e=g[0],f=h[0],i=d.main[0],l=e.style,s=i.style,t=b.target===d.se[0]?!0:!1,u=(d="fixed"===e.style.position)?0:k.scrollLeft(),v=d?0:k.scrollTop(),n=j.width()-e.offsetWidth+u,A=j.height()-e.offsetHeight+v,w,x,y,z;a.onstart=function(){t?(w=i.offsetWidth,x=i.offsetHeight):(y=e.offsetLeft,z=e.offsetTop);k.bind("dblclick",a.end).bind("dragstart",r);p?h.bind("losecapture",a.end):j.bind("blur",a.end);q&&f.setCapture();g.addClass("d-state-drag");c.focus()};a.onover=function(a,b){if(t){var c=a+w,d=b+x;l.width="auto";s.width=Math.max(0,c)+"px";l.width=e.offsetWidth+"px";s.height=Math.max(0,d)+"px"}else c=Math.max(u,Math.min(n,a+y)),d=Math.max(v,Math.min(A,b+z)),l.left=c+"px",l.top=d+"px"};a.onend=function(){k.unbind("dblclick",a.end).unbind("dragstart",r);p?h.unbind("losecapture",a.end):j.unbind("blur",a.end);q&&f.releaseCapture();g.removeClass("d-state-drag")};a.start(b)};c(document).bind("mousedown",function(b){var a=artDialog.focus;if(a){var c=b.target,d=a.config,a=a.dom;if(!1!==d.drag&&c===a.title[0]||!1!==d.resize&&c===a.se[0])return n(b),!1}})})(this.art||this.jQuery); \ No newline at end of file diff --git a/css/ui-dialog.css b/css/ui-dialog.css new file mode 100644 index 0000000..2fd7835 --- /dev/null +++ b/css/ui-dialog.css @@ -0,0 +1,440 @@ +/*! +* artDialog v6.0.0 +* Date: 2013-12-06 +* https://github.com/aui/artDialog6 +* (c) 2009-2013 TangBin, http://www.planeArt.cn +* +* This is licensed under the GNU LGPL, version 2.1 or later. +* For details, see: http://www.gnu.org/licenses/lgpl-2.1.html +*/ +.ui-dialog { + *zoom:1; + _float: left; + position: relative; + background-color: #FFF; + border: 1px solid #999; + border-radius: 6px; + outline: 0; + background-clip: padding-box; + font-family: Helvetica, arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333; + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out; + transition: transform .15s ease-in-out, opacity .15s ease-in-out; +} +.ui-popup-show .ui-dialog { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.ui-dialog-grid { + width: auto; + margin: 0; + border: 0 none; + border-collapse:collapse; + border-spacing: 0; + background: transparent; +} +.ui-popup-focus .ui-dialog { + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); +} +.ui-dialog-header, +.ui-dialog-body, +.ui-dialog-footer { + padding: 0; + border: 0 none; + text-align: left; + background: transparent; +} +.ui-dialog-header { + border-bottom: 1px solid #E5E5E5; +} +.ui-dialog-close { + position: relative; + float: right; + top: 13px; + right: 13px; + _height: 26px; + padding: 0 4px; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #FFF; + opacity: .2; + filter: alpha(opacity=20); + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.ui-dialog-close:hover, +.ui-dialog-close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + outline: 0; + opacity: 0.5; + filter: alpha(opacity=50); +} +.ui-dialog-title { + margin: 0; + line-height: 1.428571429; + min-height: 16.428571429px; + padding: 15px; + overflow:hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: bold; + cursor: default; +} +.ui-dialog-body { + padding: 20px; + text-align: center; +} +.ui-dialog-content { + display: inline-block; + position: relative; + *zoom: 1; + *display: inline; + text-align: left; +} +.ui-dialog-footer { + padding: 0 20px 20px 20px; +} +.ui-dialog-statusbar { + float: left; + margin-right: 20px; + padding: 6px 0; + line-height: 1.428571429; + font-size: 14px; + color: #888; + white-space: nowrap; +} +.ui-dialog-statusbar label:hover { + color: #333; +} +.ui-dialog-statusbar input, +.ui-dialog-statusbar .label { + vertical-align: middle; +} +.ui-dialog-button { + float: right; + white-space: nowrap; +} +.ui-dialog-footer button+button { + margin-bottom: 0; + margin-left: 5px; +} +.ui-dialog-footer button { + width:auto; + overflow:visible; + display: inline-block; + padding: 6px 12px; + _margin-left: 5px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} + +.ui-dialog-footer button:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.ui-dialog-footer button:hover, +.ui-dialog-footer button:focus { + color: #333333; + text-decoration: none; +} + +.ui-dialog-footer button:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.ui-dialog-footer button[disabled] { + pointer-events: none; + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.ui-dialog-footer button { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} + +.ui-dialog-footer button:hover, +.ui-dialog-footer button:focus, +.ui-dialog-footer button:active { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} + +.ui-dialog-footer button:active{ + background-image: none; +} + +.ui-dialog-footer button[disabled], +.ui-dialog-footer button[disabled]:hover, +.ui-dialog-footer button[disabled]:focus, +.ui-dialog-footer button[disabled]:active { + background-color: #ffffff; + border-color: #cccccc; +} + +.ui-dialog-footer button.ui-dialog-autofocus { + color: #ffffff; + background-color: #428bca; + border-color: #357ebd; +} + +.ui-dialog-footer button.ui-dialog-autofocus:hover, +.ui-dialog-footer button.ui-dialog-autofocus:focus, +.ui-dialog-footer button.ui-dialog-autofocus:active { + color: #ffffff; + background-color: #3276b1; + border-color: #285e8e; +} + +.ui-dialog-footer button.ui-dialog-autofocus:active { + background-image: none; +} +.ui-popup-nw .ui-dialog, +.ui-popup-n .ui-dialog, +.ui-popup-ne .ui-dialog { + top: 8px; +} +.ui-popup-sw .ui-dialog, +.ui-popup-s .ui-dialog, +.ui-popup-se .ui-dialog { + top: -8px; +} +.ui-popup-wn .ui-dialog, +.ui-popup-w .ui-dialog, +.ui-popup-ws .ui-dialog { + left: 8px; +} +.ui-popup-en .ui-dialog, +.ui-popup-e .ui-dialog, +.ui-popup-es .ui-dialog { + left: -8px; +} +.ui-dialog-arrow-a, +.ui-dialog-arrow-b { + position: absolute; + display: block; + width: 0; + height: 0; + overflow:hidden; + line-height:0; + font-size: 0; + _color:#FF3FFF; + _filter:chroma(color=#FF3FFF); +} +.ui-popup-nw .ui-dialog-arrow-a, +.ui-popup-n .ui-dialog-arrow-a, +.ui-popup-ne .ui-dialog-arrow-a { + top: -8px; + border-bottom:8px solid #999; + border-top:0 none; + border-left:8px solid transparent; + border-right:8px solid transparent; +} +.ui-popup-nw .ui-dialog-arrow-b, +.ui-popup-n .ui-dialog-arrow-b, +.ui-popup-ne .ui-dialog-arrow-b { + top: -7px; + border-bottom:8px solid #fff; + border-top:0 none; + border-left:8px solid transparent; + border-right:8px solid transparent; +} +.ui-popup-nw .ui-dialog-arrow-a, +.ui-popup-nw .ui-dialog-arrow-b { + left: 15px; +} +.ui-popup-n .ui-dialog-arrow-a, +.ui-popup-n .ui-dialog-arrow-b { + left: 50%; + margin-left: -8px; +} +.ui-popup-ne .ui-dialog-arrow-a, +.ui-popup-ne .ui-dialog-arrow-b { + right: 15px; +} + +.ui-popup-sw .ui-dialog-arrow-a, +.ui-popup-s .ui-dialog-arrow-a, +.ui-popup-se .ui-dialog-arrow-a { + bottom: -8px; + border-top:8px solid #999; + border-bottom:0 none; + border-left:8px solid transparent; + border-right:8px solid transparent; +} +.ui-popup-sw .ui-dialog-arrow-b, +.ui-popup-s .ui-dialog-arrow-b, +.ui-popup-se .ui-dialog-arrow-b { + bottom: -7px; + border-top:8px solid #fff; + border-bottom:0 none; + border-left:8px solid transparent; + border-right:8px solid transparent; +} +.ui-popup-sw .ui-dialog-arrow-a, +.ui-popup-sw .ui-dialog-arrow-b { + left: 15px; +} +.ui-popup-s .ui-dialog-arrow-a, +.ui-popup-s .ui-dialog-arrow-b { + margin-left: -8px; + left: 50%; +} +.ui-popup-se .ui-dialog-arrow-a, +.ui-popup-se .ui-dialog-arrow-b { + right: 15px; +} +.ui-popup-wn .ui-dialog-arrow-a, +.ui-popup-w .ui-dialog-arrow-a, +.ui-popup-ws .ui-dialog-arrow-a { + left: -8px; + border-right:8px solid #999; + border-left:0 none; + border-top:8px solid transparent; + border-bottom:8px solid transparent; +} +.ui-popup-wn .ui-dialog-arrow-b, +.ui-popup-w .ui-dialog-arrow-b, +.ui-popup-ws .ui-dialog-arrow-b { + left: -7px; + border-right:8px solid #fff; + border-left:0 none; + border-top:8px solid transparent; + border-bottom:8px solid transparent; +} +.ui-popup-wn .ui-dialog-arrow-a, +.ui-popup-wn .ui-dialog-arrow-b { + top: 15px; +} +.ui-popup-w .ui-dialog-arrow-a, +.ui-popup-w .ui-dialog-arrow-b { + margin-top: -8px; + top: 50%; +} +.ui-popup-ws .ui-dialog-arrow-a, +.ui-popup-ws .ui-dialog-arrow-b { + bottom: 15px; +} +.ui-popup-en .ui-dialog-arrow-a, +.ui-popup-e .ui-dialog-arrow-a, +.ui-popup-es .ui-dialog-arrow-a { + right: -8px; + border-left:8px solid #999; + border-right:0 none; + border-top:8px solid transparent; + border-bottom:8px solid transparent; +} +.ui-popup-en .ui-dialog-arrow-b, +.ui-popup-e .ui-dialog-arrow-b, +.ui-popup-es .ui-dialog-arrow-b { + right: -7px; + border-left:8px solid #fff; + border-right:0 none; + border-top:8px solid transparent; + border-bottom:8px solid transparent; +} +.ui-popup-en .ui-dialog-arrow-a, +.ui-popup-right .ui-dialog-arrow-a, +.ui-popup-en .ui-dialog-arrow-b { + top: 15px; +} +.ui-popup-e .ui-dialog-arrow-a, +.ui-popup-e .ui-dialog-arrow-b { + margin-top: -8px; + top: 50%; +} +.ui-popup-es .ui-dialog-arrow-a, +.ui-popup-es .ui-dialog-arrow-b { + bottom: 15px; +} + + +@-webkit-keyframes ui-dialog-loading { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes ui-dialog-loading { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +.ui-dialog-loading { + position: relative; + display: inline-block; + *zoom: 1; + *display: inline; + overflow: hidden; + width: 32px; + height: 32px; + left: 50%; + top: 50%; + margin-left: -16px; + margin-top: -16px; + font-size: 0; + text-align: left;; + text-indent: -999em; + color: #666; + position: inherit\9; + margin: auto\9; + width: auto\9; + height: auto\9; + text-indent: 0\9; + font-size: 12px\9; +} + +.ui-dialog-loading::after { + content: ''; + width: 3px; + height: 3px; + margin: 14.5px 0 0 14.5px; + border-radius: 100%; + box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; + position: absolute; + -webkit-transform: rotate(360deg); + -webkit-animation: ui-dialog-loading 1s infinite linear; + transform: rotate(360deg); + animation: ui-dialog-loading 1s infinite linear; +} diff --git a/doc/css/doc.css b/doc/css/doc.css new file mode 100644 index 0000000..a079626 --- /dev/null +++ b/doc/css/doc.css @@ -0,0 +1,49 @@ +.doc-line { + height: 3px; +} +.doc-gotop { + position: fixed; + bottom: 5px; + right: 5px; + z-index: 9; +} + +/*避免对话框样式被工具生成的全局样式污染*/ +.ui-dialog table, +.ui-dialog table tr, +.ui-dialog tr td, +.ui-dialog tr:nth-child(2n) { + border: 0 none; + background: transparent; +} +.ui-dialog td.ui-dialog-header { + border-bottom: 1px solid #E5E5E5; +} + +code.sh_sourceCode { color: #000000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_keyword { color: #009; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_type { color: #0000ff; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_string { color: #00F; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_regexp { color: #060; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_specialchar { color: #C42DA8; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_comment { color: #999; font-weight: normal; font-style: italic; } +code.sh_sourceCode .sh_number { color: #F00; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_codeproc { color: #00b800; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_symbol { color: #009; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_function { color: #000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_cbracket { color: #009; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_url { color: #ff0000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_date { color: #0000ff; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_time { color: #0000ff; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_file { color: #0000ff; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_ip { color: #ff0000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_name { color: #ff0000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_variable { color: #ec7f15; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_oldfile { color: #C42DA8; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_newfile { color: #ff0000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_difflines { color: #0000ff; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_selector { color: #ec7f15; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_property { color: #0000ff; font-weight: bold; font-style: normal; } +code.sh_sourceCode .sh_value { color: #ff0000; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_codedef_var { color: #909; font-weight: normal; font-style: normal; } +code.sh_sourceCode .sh_codedef_func { color: #099; font-weight: normal; font-style: normal; } \ No newline at end of file diff --git a/doc/index.html b/doc/index.html new file mode 100644 index 0000000..5daba17 --- /dev/null +++ b/doc/index.html @@ -0,0 +1,1395 @@ + + + + + + +artDialog``v6`` + + + +

artDialogv6

+ +
+ +

artDialog —— 经典的网页对话框组件，内外皆用心雕琢。

+ +
    +
  1. 支持普通与气泡形式的对话框
    2. +
  2. 信息无障碍支持：焦点管理；支持 ARIA 标准
    3. +
  3. 面向未来：基于 HTML5 Dialog 的 API
    4. +
  4. 支持标准与模态对话框
    5. +
  5. 丰富的展示状态与友好的编程接口
    6. +
  6. 自适应内容尺寸
    7. +
+ + +

文档导航

+ + + + +

引入 artDialog

+ +

在模块中引入 artDialog（支持 RequireJS 与 SeaJS）：

+ +
var dialog = require('./artDialog/src/dialog');
+//..
+
+ +

seajs加载示例

+ +

全局依赖模块

+ +

jquery

+ +

快速参考

+ +

普通对话框

+ +
var d = dialog({
+    title: '欢迎',
+    content: '欢迎使用 artDialog 对话框组件！'
+});
+d.show();
+
+ +

模态对话框

+ +
var d = dialog({
+    title: 'message',
+    content: '<input autofocus />'
+});
+d.showModal();
+
+ +

气泡浮层

+ +
var d = dialog({
+    content: 'Hello World!',
+    quickClose: true// 点击空白处快速关闭
+});
+d.show(document.getElementById('quickref-bubble'));
+
+ +

添加按钮

+ +

1.确定与取消按钮：

+ +
var d = dialog({
+    title: '提示',
+    content: '按钮回调函数返回 false 则不许关闭',
+    okValue: '确定',
+    ok: function () {
+        this.title('提交中…');
+        return false;
+    },
+    cancelValue: '取消',
+    cancel: function () {}
+});
+d.show();
+
+ +

2.指定更多按钮：

+ +

请参考 button 方法或参数。

+ +

控制对话框关闭

+ +
var d = dialog({
+    content: '对话框将在两秒内关闭'
+});
+d.show();
+setTimeout(function () {
+    d.close().remove();
+}, 2000);
+
+ +

给对话框左下脚添加复选框

+ +
var d = dialog({
+    title: '欢迎',
+    content: '欢迎使用 artDialog 对话框组件！',
+    ok: function () {},
+    statusbar: '<label><input type="checkbox">不再提醒</label>'
+});
+d.show();
+
+ +

阻止对话框关闭

+ +

按钮事件返回 false 则不会触发关闭。

+ +
var d = dialog({
+    title: '欢迎',
+    content: '欢迎使用 artDialog 对话框组件！',
+    skin: 'ui-dialog-s',
+    padding: '25px 15px',
+    ok: function () {
+        var that = this;
+        this.title('正在提交..');
+        setTimeout(function () {
+            that.close().remove();
+        }, 2000);
+        return false;
+    },
+    cancel: function () {
+        alert('不许关闭');
+        return false;
+    }
+});
+d.show();
+
+ +

不显示关闭按钮

+ +
var d = dialog({
+    title: '欢迎',
+    content: '欢迎使用 artDialog 对话框组件！',
+    cancel: false,
+    ok: function () {}
+});
+d.show();
+
+ +

创建 iframe 内容

+ +

为了便于 iframe 内容能够控制对话框，建议在顶层页面创建一个可供 iframe 访问的对话框创建方法，例如：

+ +
//..
+window.openDialog = function (options) {
+    // 页面地址
+    var url = options.url;
+    // 是否为模态，默认 true
+    var modal = options.modal;
+    // 是否使用气泡样式跟随到元素
+    var follow = options.follow;
+    // 页面加载完毕的事件
+    var oniframeload = options.oniframeload;
+    (window.require ? require : seajs.use)([
+        '../dialog',
+        '../dialog-iframe'
+    ], function (dialog, openIframe) {
+        var api = url ? openIframe(options) : dialog(options);
+        api[modal === false ? 'show' : 'showModal'](follow);
+        window.__dialog__ = dialog;
+    });
+};
+
+ +

小提示：比普通对话框的选项多了url、modal、follow、oniframeload这几个字段。

+ +

然后在顶层页面创建一个获取对话框 api 的方法，例如：

+ +
//..
+window.getDialog = function (win) {
+    var dialog = window.__dialog__;
+    if (!dialog) {
+        return;
+    }
+    // 从 iframe 传入 window 对象
+    if (win && win.frameElement) {
+        var iframe = win.frameElement;
+        var list = dialog.get();
+        var api;
+        for (var i in list) {
+            api = list[i];
+            if (api.node.getElementsByTagName('iframe')[0] === iframe) {
+                return api;
+            }
+        }
+    // 直接传入 id 的情况
+    } else if (win) {
+        return dialog.get(win);
+    }
+};
+
+ +

创建 iframe 对话框方式：

+ +
top.openDialog({
+    title: 'loading..',
+    url: '../test/iframe-content.html',
+    onshow: function () {
+        console.log('onshow');
+    },
+    oniframeload: function () {
+        console.log('oniframeload');
+    },
+    onclose: function () {
+        console.log('onclose');
+    },
+    onremove: function () {
+        console.log('onremove');
+    }
+});
+
+ +

对话框 iframe 内可以如下获取当前对话框接口：

+ +
//..
+var dialog = top.getDialog(window);
+// 设置高度
+dialog.height(400);
+// 关闭对话框
+dialog.close().remove();
+
+ +

方法

+ +

若无特别说明，方法均支持链式调用。

+ +

show([anchor])

+ +

显示对话框。

+ +

默认居中显示，支持传入元素节点或者事件对象。

+ +
    +
  • 参数类型为HTMLElement：可吸附到元素上，同时对话框将呈现气泡样式。
    • +
  • 参数类型为Event Object：根据event.pageX与event.pageY定位。
    • +
+ + +

示例

+ +
var d = dialog();
+d.content('hello world');
+d.show(document.getElementById('api-show'));
+
+ +
var d = dialog({
+    id: 'api-show-dialog',
+    content: '右键菜单'
+});
+$(document).on('contextmenu', function (event) {
+    d.show(event);
+    return d.destroyed;
+});
+
+ +

showModal([anchor])

+ +

显示一个模态对话框。

+ +

其余特性与参数可参见show([anchor])方法。

+ +

示例

+ +
var d = dialog({
+    title: 'message',
+    content: '<input autofocus />'
+});
+d.showModal();
+
+ +

close([result])

+ +

关闭（隐藏）对话框。

+ +

可接收一个返回值，可以参见 returnValue。

+ +

注意：close()方法只隐藏对话框，不会在 DOM 中删除，删除请使用remove()方法。

+ +

remove()

+ +

销毁对话框。

+ +

注意：不同于close([result])方法，remove()方法会从 DOM 中移出对话框相关节点，销毁后的对话框无法再次使用。

+ +

对话框按钮点击后默认会依次触发 close()、remove() 方法。如果想手动控制对话框关闭可以如下操作：

+ +
var d = dialog();
+// [..]
+d.close().remove();
+
+ +

content(html)

+ +

写入对话框内容。

+ +

html参数支持String、HTMLElement类型。

+ +

示例

+ +
var d = dialog();
+d.content('hello world');
+d.show();
+
+ +

title(text)

+ +

写入对话框标题。

+ +

示例

+ +
var d = dialog();
+d.title('hello world');
+d.show();
+
+ +

width([value])

+ +

设置对话框宽度。

+ +

示例

+ +
dialog({
+    content: 'hello world'
+})
+.width(320)
+.show();
+
+ +

height([value])

+ +

设置对话框高度。

+ +

示例

+ +
dialog({
+    content: 'hello world'
+})
+.height(320)
+.show();
+
+ +

reset()

+ +

手动刷新对话框位置。

+ +

通常动态改变了内容尺寸后需要刷新对话框位置。

+ +

button(args)

+ +

自定义按钮。

+ +

参数请参考 选项button；同时支持传入 HTML 字符串填充按钮区域。

+ +

focus()

+ +

聚焦对话框（置顶）。

+ +

blur()

+ +

让对话框失去焦点。

+ +

addEventListener(type, callback)

+ +

添加事件。

+ +

支持的事件有：show、close、beforeremove、remove、reset、focus、blur

+ +

removeEventListener(type, callback)

+ +

删除事件。

+ +

dialog.get(id)

+ +

根据获取打开的对话框实例。

+ +

注意：这是一个静态方法。

+ +

dialog.getCurrent()

+ +

获取当前（置顶）对话框实例。

+ +

注意：这是一个静态方法。

+ +

配置参数

+ +

content

+ +

设置消息内容。

+ +

类型

+ +

String, HTMLElement

+ +

示例

+ +

传入字符串：

+ +
dialog({
+    content: 'hello world!'
+}).show();
+
+ +

传入元素节点：

+ +
//..
+dialog({
+    content: document.getElementById('test'),
+    id: 'EF893L'
+}).show();
+
+ +

title

+ +

标题内容。

+ +

类型

+ +

String

+ +

示例

+ +
dialog({
+    title: 'hello world!'
+}).show();
+
+ +

statusbar

+ +

状态栏区域 HTML 代码。

+ +

可以实现类似“不再提示”的复选框。注意：必须有按钮才会显示。

+ +

类型

+ +

String

+ +

示例

+ +
var d = dialog({
+    title: '欢迎',
+    content: '欢迎使用 artDialog 对话框组件！',
+    ok: function () {},
+    statusbar: '<label><input type="checkbox">不再提醒</label>'
+});
+d.show();
+
+ +

ok

+ +

确定按钮。

+ +

回调函数this指向dialog对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭。

+ +

类型

+ +

Function

+ +

示例

+ +
dialog({
+    ok: function () {
+        this
+        .title('消息')
+        .content('hello world!')
+        .width(130);
+        return false;
+    }
+}).show();
+
+ +

okValue

+ +

(默认值: "ok") 确定按钮文本。

+ +

类型

+ +

String

+ +

示例

+ +
dialog({
+    okValue: '猛击我',
+    ok: function () {
+        this.content('hello world!');
+        return false;
+    }
+}).show();
+
+ +

cancel

+ +

取消按钮。

+ +

取消按钮也等同于标题栏的关闭按钮，若值为false则不显示关闭按钮。回调函数this指向dialog对象，执行完毕默认关闭对话框，若返回false则阻止关闭。

+ +

类型

+ +

Function, Boolean

+ +

示例

+ +
dialog({
+    title: '消息',
+    ok: function () {},
+    cancel: function () {
+        alert('取消');
+    }
+}).show();
+
+ +
dialog({
+    title: '消息',
+    content: '不显示关闭按钮',
+    ok: function () {},
+    cancel: false
+}).show();
+
+ +

cancelValue

+ +

(默认值: cancel) 取消按钮文本。

+ +

类型

+ +

String

+ +

示例

+ +
dialog({
+    cancelValue: '取消我',
+    cancel: function () {
+        alert('关闭');
+    }
+}).show();
+
+ +

button

+ +

自定义按钮组。

+ +

类型

+ +

Array

+ +

选项

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
名称 类型 描述
value String 按钮显示文本
callback Function (可选) 回调函数this指向dialog对象，执行完毕默认关闭与销毁对话框（依次执行close()与remove()），若返回false则阻止关闭与销毁
autofocus Boolean (默认值:false) 是否自动聚焦
width String (可选) 设置按钮 CSS width 值
disabled Boolean (默认值: false) 是否禁用
id String, Number (可选) 按钮唯一标识
+ + +

示例

+ +
dialog({
+    button: [
+        {
+            value: '同意',
+            callback: function () {
+                this
+                .content('你同意了');
+                return false;
+            },
+            autofocus: true
+        },
+        {
+            value: '不同意',
+            callback: function () {
+                alert('你不同意')
+            }
+        },
+        {
+            id: 'button-disabled',
+            value: '无效按钮',
+            disabled: true
+        },
+        {
+            value: '关闭我'
+        }
+    ]
+}).show();
+
+ +

width

+ +

设置对话框 内容 宽度。

+ +

类型

+ +

String, Number

+ +

示例

+ +
dialog({
+    width: 460
+}).show();
+
+ +
dialog({
+    width: '20em'
+}).show();
+
+ +

height

+ +

(默认值: "auto") 设置对话框 内容 高度。

+ +

类型

+ +

String, Number

+ +

示例

+ +
dialog({
+    height: 460
+}).show();
+
+ +
dialog({
+    height: '20em'
+}).show();
+
+ +

skin

+ +

设置对话框额外的className参数。

+ +

多个className请使用空格隔开。

+ +

类型

+ +

String

+ +

示例

+ +
//..
+dialog({
+    skin: 'min-dialog tips'
+}).show();
+
+ +

padding

+ +

(默认值: 继承 css 文件设置) 设置消息内容与消息容器的填充边距，即 style padding属性

+ +

类型

+ +

String

+ +

示例

+ +
dialog({
+    content: 'hello world',
+    padding: 0
+}).show();
+
+ +

align

+ +

(默认值: "nw") 设置对话框与其他元素的对齐方式。

+ +

只针对show(elem)与showModal(elem)有效。可选的值：n nw ne s sw se w wn ws e en es。

+ +

类型

+ +

String

+ +

示例

+ +
var d = dialog({
+    align: 'w',
+    content: 'Hello World!',
+    quickClose: true
+});
+d.show(document.getElementById('option-align'));
+
+ +

在线示例

+ +

fixed

+ +

(默认值: false) 开启固定定位。

+ +

固定定位是 css2.1 position的一个属性，它能固定在浏览器某个地方，也不受滚动条拖动影响。IE6 与部分移动浏览器对其支持不好，内部会转成绝对定位。

+ +

类型

+ +

Boolean

+ +

示例

+ +
dialog({
+    fixed: true,
+    content: '请拖动滚动条查看'
+}).show();
+
+ +

autofocus

+ +

(默认值: true) 是否支持自动聚焦。

+ +

类型

+ +

Boolean

+ +

quickClose

+ +

(默认值: false) 是否点击空白出快速关闭。

+ +

类型

+ +

Boolean

+ +

示例

+ +
var d = dialog({
+    content: '点击空白处快速关闭',
+    quickClose: true
+});
+d.show(document.getElementById('option-quickClose'));
+
+ +

zIndex

+ +

(默认值: 1024) 重置全局zIndex初始值，用来改变对话框叠加高度。

+ +

比如有时候配合外部浮动层 UI 组件，但是它们可能默认zIndex没有对话框高，导致无法浮动到对话框之上，这个时候你就可以给对话框指定一个较小的zIndex值。

+ +

请注意这是一个会影响到全局的配置，后续出现的对话框叠加高度将重新按此累加。

+ +

类型

+ +

Number

+ +

示例

+ +
dialog({
+    zIndex: 87
+}).show();
+
+ +

onshow

+ +

对话框打开的事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

示例

+ +
var d = dialog({
+    content: 'loading..',
+    onshow: function () {
+        this.content('dialog ready');
+    }
+});
+d.show();
+
+ +

onclose

+ +

对话框关闭后执行的事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

示例

+ +
var d = dialog({
+    onclose: function () {
+        alert('对话框已经关闭');
+    },
+    ok: function () {}
+});
+d.show();
+
+ +

onbeforeremove

+ +

对话框销毁之前事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

onremove

+ +

对话框销毁事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

示例

+ +
var d = dialog({
+    onclose: function () {
+        alert('对话框已经关闭');
+    },
+    onremove: function () {
+        alert('对话框已经销毁');
+    },
+    ok: function () {}
+});
+d.show();
+
+ +

onfocus

+ +

对话框获取焦点事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

onblur

+ +

对话框失去焦点事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

onreset

+ +

对话框位置重置事件。

+ +

回调函数this指向dialog对象。

+ +

类型

+ +

Function

+ +

id

+ +

设定对话框唯一标识。

+ +
    +
  1. 可防止重复 ID 对话框弹出。
    2. +
  2. 支持使用dialog.get(id)获取某个对话框的接口。
    3. +
+ + +

类型

+ +

String

+ +

示例

+ +
dialog({
+    id: 'id-demo',
+    content: '再次点击运行看看'
+}).show();
+dialog.get('id-demo').title('8888888888');
+
+ +

属性

+ +

open

+ +

判断对话框是否被打开。

+ +

这是一个只读方法。

+ +

returnValue

+ +

对话框返回值。

+ +

示例

+ +
var d = dialog({
+    title: '消息',
+    content: '<input id="property-returnValue-demo" value="1" />',
+    ok: function () {
+        var value = $('#property-returnValue-demo').val();
+        this.close(value);
+        this.remove();
+    }
+});
+d.addEventListener('close', function () {
+    alert(this.returnValue);
+});
+d.show();
+
+ +
+ +

2013-12-07 | 文档使用 Mou 生成

+ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/doc/index.md b/doc/index.md new file mode 100755 index 0000000..b996866 --- /dev/null +++ b/doc/index.md @@ -0,0 +1,1038 @@ +# artDialog``v6`` +============================ + +artDialog —— 经典的网页对话框组件，内外皆用心雕琢。 + +1. 支持普通与气泡形式的对话框 +2. 信息无障碍支持：焦点管理；支持 ARIA 标准 +3. 面向未来：基于 HTML5 Dialog 的 API +4. 支持标准与模态对话框 +5. 丰富的展示状态与友好的编程接口 +6. 自适应内容尺寸 + +## 文档导航 + +* [引入 artDialog](#module) +* [快速参考](#quickref) + * [普通对话框](#quickref-basic) + * [模态对话框](#quickref-modal) + * [气泡浮层](#quickref-bubble) + * [添加按钮](#quickref-button) + * [控制对话框关闭](#quickref-close) + * [给对话框左下脚添加复选框](#quickref-statusbar) + * [阻止对话框关闭](#quickref-callback) + * [不显示关闭按钮](#quickref-cancel) + * [创建 iframe 内容](#quickref-iframe) +* [方法](#api) + * [show([anchor])](#api-show) + * [showModal([anchor])](#api-showModal) + * [close([result])](#api-close) + * [remove()](#api-remove) + * [content(html)](#api-content) + * [title(text)](#api-title) + * [width([value])](#api-width) + * [height([value])](#api-height) + * [reset()](#api-reset) + * [button(args)](#api-button) + * [focus()](#api-focus) + * [blur()](#api-blur) + * [addEventListener(type, callback)](#api-addEventListener) + * [removeEventListener(type, callback)](#api-removeEventListener) + * [dialog.get(id)](#api-dialog-get) + * [dialog.getCurrent()](#api-dialog-getCurrent) +* [选项](#option) + * 内容 + * [title](#option-title) + * [content](#option-content) + * [statusbar](#option-statusbar) + * 按钮 + * [ok](#option-ok) + * [okValue](#option-okValue) + * [cancel](#option-cancel) + * [cancelValue](#option-cancelValue) + * [button](#option-button) + * 外观 + * [width](#option-width) + * [height](#option-height) + * [skin](#option-skin) + * [padding](#option-padding) + * [align](#option-align) + * 交互 + * [fixed](#option-fixed) + * [quickClose](#option-quickClose) + * [autofocus](#option-autofocus) + * [zIndex](#option-zIndex) + * 事件 + * [onshow](#option-onshow) + * [onbeforeremove](#option-onbeforeremove) + * [onremove](#option-onremove) + * [onclose](#option-onclose) + * [onfocus](#option-onfocus) + * [onblur](#option-onblur) + * [onreset](#option-onreset) + * 高级 + * [id](#option-id) +* [属性](#property) + * [open](#property-open) + * [returnValue](#property-returnValue) + +## [引入 artDialog](id:module) + +在模块中引入 artDialog（支持 RequireJS 与 SeaJS）： + +``` +var dialog = require('./artDialog/src/dialog'); +//.. +``` +[seajs加载示例](../test/show.html) + +### 全局依赖模块 + +jquery + +## [快速参考](id:quickref) + +### [普通对话框](id:quickref-basic) + +``` +var d = dialog({ + title: '欢迎', + content: '欢迎使用 artDialog 对话框组件！' +}); +d.show(); +``` + +### [模态对话框](id:quickref-modal) + +``` +var d = dialog({ + title: 'message', + content: '' +}); +d.showModal(); +``` + +### [气泡浮层](id:quickref-bubble) + +``` +var d = dialog({ + content: 'Hello World!', + quickClose: true// 点击空白处快速关闭 +}); +d.show(document.getElementById('quickref-bubble')); +``` + +### [添加按钮](id:quickref-button) + +1.确定与取消按钮： + +``` +var d = dialog({ + title: '提示', + content: '按钮回调函数返回 false 则不许关闭', + okValue: '确定', + ok: function () { + this.title('提交中…'); + return false; + }, + cancelValue: '取消', + cancel: function () {} +}); +d.show(); +``` + +2.指定更多按钮： + +请参考 [``button``](#option-button) 方法或参数。 + +### [控制对话框关闭](id:quickref-close) + +``` +var d = dialog({ + content: '对话框将在两秒内关闭' +}); +d.show(); +setTimeout(function () { + d.close().remove(); +}, 2000); +``` + +### [给对话框左下脚添加复选框](id:quickref-statusbar) + +``` +var d = dialog({ + title: '欢迎', + content: '欢迎使用 artDialog 对话框组件！', + ok: function () {}, + statusbar: '' +}); +d.show(); +``` + +### [阻止对话框关闭](id:quickref-callback) + +按钮事件返回 false 则不会触发关闭。 + +``` +var d = dialog({ + title: '欢迎', + content: '欢迎使用 artDialog 对话框组件！', + skin: 'ui-dialog-s', + padding: '25px 15px', + ok: function () { + var that = this; + this.title('正在提交..'); + setTimeout(function () { + that.close().remove(); + }, 2000); + return false; + }, + cancel: function () { + alert('不许关闭'); + return false; + } +}); +d.show(); +``` + +### [不显示关闭按钮](id:quickref-cancel) + +``` +var d = dialog({ + title: '欢迎', + content: '欢迎使用 artDialog 对话框组件！', + cancel: false, + ok: function () {} +}); +d.show(); +``` + +### [创建 iframe 内容](id:quickref-iframe) + +为了便于 iframe 内容能够控制对话框，建议在顶层页面创建一个可供 iframe 访问的对话框创建方法，例如： + +``` +//.. +window.openDialog = function (options) { + // 页面地址 + var url = options.url; + // 是否为模态，默认 true + var modal = options.modal; + // 是否使用气泡样式跟随到元素 + var follow = options.follow; + // 页面加载完毕的事件 + var oniframeload = options.oniframeload; + (window.require ? require : seajs.use)([ + '../dialog', + '../dialog-iframe' + ], function (dialog, openIframe) { + var api = url ? openIframe(options) : dialog(options); + api[modal === false ? 'show' : 'showModal'](follow); + window.__dialog__ = dialog; + }); +}; +``` + +> 小提示：比普通对话框的[选项](#option)多了``url``、``modal``、``follow``、``oniframeload``这几个字段。 + +然后在顶层页面创建一个获取对话框 api 的方法，例如： + +``` +//.. +window.getDialog = function (win) { + var dialog = window.__dialog__; + if (!dialog) { + return; + } + // 从 iframe 传入 window 对象 + if (win && win.frameElement) { + var iframe = win.frameElement; + var list = dialog.get(); + var api; + for (var i in list) { + api = list[i]; + if (api.node.getElementsByTagName('iframe')[0] === iframe) { + return api; + } + } + // 直接传入 id 的情况 + } else if (win) { + return dialog.get(win); + } +}; +``` + +创建 iframe 对话框方式： + +``` +top.openDialog({ + title: 'loading..', + url: '../test/iframe-content.html', + onshow: function () { + console.log('onshow'); + }, + oniframeload: function () { + console.log('oniframeload'); + }, + onclose: function () { + console.log('onclose'); + }, + onremove: function () { + console.log('onremove'); + } +}); +``` + +对话框 iframe 内可以如下获取当前对话框接口： + +``` +//.. +var dialog = top.getDialog(window); +// 设置高度 +dialog.height(400); +// 关闭对话框 +dialog.close().remove(); +``` + +## 方法 + +若无特别说明，方法均支持链式调用。 + +### [show([anchor])](id:api-show) + +显示对话框。 + +默认居中显示，支持传入元素节点或者事件对象。 + +* 参数类型为``HTMLElement``：可吸附到元素上，同时对话框将呈现气泡样式。 +* 参数类型为``Event Object``：根据``event.pageX``与``event.pageY``定位。 + +#### 示例 + +``` +var d = dialog(); +d.content('hello world'); +d.show(document.getElementById('api-show')); +``` + +``` +var d = dialog({ + id: 'api-show-dialog', + content: '右键菜单' +}); +$(document).on('contextmenu', function (event) { + d.show(event); + return d.destroyed; +}); +``` + +### [showModal([anchor])](id:api-showModal) + +显示一个模态对话框。 + +其余特性与参数可参见``show([anchor])``方法。 + +#### 示例 + +``` +var d = dialog({ + title: 'message', + content: '' +}); +d.showModal(); +``` + +### [close([result])](id:api-close) + +关闭（隐藏）对话框。 + +可接收一个返回值，可以参见 [returnValue](#property-returnValue)。 + +**注意**：``close()``方法只隐藏对话框，不会在 DOM 中删除，删除请使用``remove()``方法。 + +### [remove()](id:api-remove) + +销毁对话框。 + +**注意**：不同于``close([result])``方法，``remove()``方法会从 DOM 中移出对话框相关节点，销毁后的对话框无法再次使用。 + +对话框按钮点击后默认会依次触发 ``close()``、``remove()`` 方法。如果想手动控制对话框关闭可以如下操作： + +``` +var d = dialog(); +// [..] +d.close().remove(); +``` + +### [content(html)](id:api-content) + +写入对话框内容。 + +``html``参数支持``String``、``HTMLElement``类型。 + + +#### 示例 + +``` +var d = dialog(); +d.content('hello world'); +d.show(); +``` + +### [title(text)](id:api-title) + +写入对话框标题。 + +#### 示例 + +``` +var d = dialog(); +d.title('hello world'); +d.show(); +``` + +### [width([value])](id:api-width) + +设置对话框宽度。 + +### 示例 + +``` +dialog({ + content: 'hello world' +}) +.width(320) +.show(); +``` + +### [height([value])](id:api-height) + +设置对话框高度。 + +### 示例 + +``` +dialog({ + content: 'hello world' +}) +.height(320) +.show(); +``` + +### [reset()](id:api-reset) + +手动刷新对话框位置。 + +通常动态改变了内容尺寸后需要刷新对话框位置。 + +### [button(args)](id:api-button) + +自定义按钮。 + +参数请参考 [选项``button``](#option-button)；同时支持传入 HTML 字符串填充按钮区域。 + +### [focus()](id:api-focus) + +聚焦对话框（置顶）。 + +### [blur()](id:api-blur) + +让对话框失去焦点。 + +### [addEventListener(type, callback)](id:api-addEventListener) + +添加事件。 + +支持的事件有：``show``、``close``、``beforeremove``、``remove``、``reset``、``focus``、``blur`` + +### [removeEventListener(type, callback)](id:api-removeEventListener) + +删除事件。 + +### [dialog.get(id)](id:api-dialog-get) + +根据获取打开的对话框实例。 + +**注意**：这是一个静态方法。 + +### [dialog.getCurrent()](id:api-dialog-getCurrent) + +获取当前（置顶）对话框实例。 + +**注意**：这是一个静态方法。 + +## 配置参数 + +### [content](id:option-content) + +设置消息内容。 + +#### 类型 + +String, HTMLElement + +#### 示例 + +传入字符串： + +``` +dialog({ + content: 'hello world!' +}).show(); +``` +传入元素节点： + +``` +//.. +dialog({ + content: document.getElementById('test'), + id: 'EF893L' +}).show(); +``` + +### [title](id:option-title) + +标题内容。 + +#### 类型 + +String + +#### 示例 + +``` +dialog({ + title: 'hello world!' +}).show(); +``` + +### [statusbar](id:option-statusbar) + +状态栏区域 HTML 代码。 + +可以实现类似“不再提示”的复选框。**注意**：必须有按钮才会显示。 + +#### 类型 + +String + +#### 示例 + +``` +var d = dialog({ + title: '欢迎', + content: '欢迎使用 artDialog 对话框组件！', + ok: function () {}, + statusbar: '' +}); +d.show(); +``` + +### [ok](id:option-ok) + +确定按钮。 + +回调函数``this``指向``dialog``对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭。 + +#### 类型 + +Function + +#### 示例 + +``` +dialog({ + ok: function () { + this + .title('消息') + .content('hello world!') + .width(130); + return false; + } +}).show(); +``` + +### [okValue](id:option-okValue) + +(默认值: "ok") 确定按钮文本。 + +#### 类型 + +String + +#### 示例 + +``` +dialog({ + okValue: '猛击我', + ok: function () { + this.content('hello world!'); + return false; + } +}).show(); +``` + +### [cancel](id:option-cancel) + +取消按钮。 + +取消按钮也等同于标题栏的关闭按钮，若值为``false``则不显示关闭按钮。回调函数``this``指向``dialog``对象，执行完毕默认关闭对话框，若返回``false``则阻止关闭。 + +#### 类型 + +Function, Boolean + +#### 示例 + +``` +dialog({ + title: '消息', + ok: function () {}, + cancel: function () { + alert('取消'); + } +}).show(); +``` + +``` +dialog({ + title: '消息', + content: '不显示关闭按钮', + ok: function () {}, + cancel: false +}).show(); +``` + +### [cancelValue](id:option-cancelValue) + +(默认值: cancel) 取消按钮文本。 + +#### 类型 + +String + +#### 示例 + +``` +dialog({ + cancelValue: '取消我', + cancel: function () { + alert('关闭'); + } +}).show(); +``` + +### [button](id:option-button) + +自定义按钮组。 + +#### 类型 + +Array + +#### 选项 + +名称 | 类型 | 描述 +------------ | ------------- | ------------ +value | String | 按钮显示文本 +callback | Function | (可选) 回调函数``this``指向``dialog``对象，执行完毕默认关闭与销毁对话框（依次执行``close()``与``remove()``），若返回``false``则阻止关闭与销毁 +autofocus | Boolean | (默认值:``false``) 是否自动聚焦 +width | String | (可选) 设置按钮 CSS width 值 +disabled | Boolean | (默认值: ``false``) 是否禁用 +id | String, Number | (可选) 按钮唯一标识 + +#### 示例 + +``` +dialog({ + button: [ + { + value: '同意', + callback: function () { + this + .content('你同意了'); + return false; + }, + autofocus: true + }, + { + value: '不同意', + callback: function () { + alert('你不同意') + } + }, + { + id: 'button-disabled', + value: '无效按钮', + disabled: true + }, + { + value: '关闭我' + } + ] +}).show(); +``` + +### [width](id:option-width) + +设置对话框 **内容** 宽度。 + +#### 类型 + +String, Number + +#### 示例 + +``` +dialog({ + width: 460 +}).show(); +``` + +``` +dialog({ + width: '20em' +}).show(); +``` + +### [height](id:option-height) + +(默认值: "auto") 设置对话框 **内容** 高度。 + +#### 类型 + +String, Number + +#### 示例 + +``` +dialog({ + height: 460 +}).show(); +``` + +``` +dialog({ + height: '20em' +}).show(); +``` + +### [skin](id:option-skin) + +设置对话框额外的``className``参数。 + +多个``className``请使用空格隔开。 + +#### 类型 + +String + +#### 示例 + +``` +//.. +dialog({ + skin: 'min-dialog tips' +}).show(); +``` + +### [padding](id:option-padding) + +(默认值: **继承 css 文件设置**) 设置消息内容与消息容器的填充边距，即 style ``padding``属性 + +#### 类型 + +String + +#### 示例 + +``` +dialog({ + content: 'hello world', + padding: 0 +}).show(); +``` + +### [align](id:option-align) + +(默认值: "nw") 设置对话框与其他元素的对齐方式。 + +只针对``show(elem)``与``showModal(elem)``有效。可选的值：``n nw ne s sw se w wn ws e en es``。 + +### 类型 + +String + +### 示例 + +``` +var d = dialog({ + align: 'w', + content: 'Hello World!', + quickClose: true +}); +d.show(document.getElementById('option-align')); +``` + +[在线示例](../test/align.html) + +### [fixed](id:option-fixed) + +(默认值: false) 开启固定定位。 + +固定定位是 css2.1 ``position``的一个属性，它能固定在浏览器某个地方，也不受滚动条拖动影响。IE6 与部分移动浏览器对其支持不好，内部会转成绝对定位。 + +#### 类型 + +Boolean + +#### 示例 + +``` +dialog({ + fixed: true, + content: '请拖动滚动条查看' +}).show(); +``` + +### [autofocus](id:option-autofocus) + +(默认值: true) 是否支持自动聚焦。 + +#### 类型 + +Boolean + +### [quickClose](id:option-quickClose) + +(默认值: false) 是否点击空白出快速关闭。 + +#### 类型 + +Boolean + +### 示例 + +``` +var d = dialog({ + content: '点击空白处快速关闭', + quickClose: true +}); +d.show(document.getElementById('option-quickClose')); +``` + +### [zIndex](id:option-zIndex) + +(默认值: 1024) 重置全局``zIndex``初始值，用来改变对话框叠加高度。 + +比如有时候配合外部浮动层 UI 组件，但是它们可能默认``zIndex``没有对话框高，导致无法浮动到对话框之上，这个时候你就可以给对话框指定一个较小的``zIndex``值。 + +请注意这是一个会影响到全局的配置，后续出现的对话框叠加高度将重新按此累加。 + +#### 类型 + +Number + +#### 示例 + +``` +dialog({ + zIndex: 87 +}).show(); +``` + +### [onshow](id:option-onshow) + +对话框打开的事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +#### 示例 + +``` +var d = dialog({ + content: 'loading..', + onshow: function () { + this.content('dialog ready'); + } +}); +d.show(); +``` + +### [onclose](id:option-onclose) + +对话框关闭后执行的事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +#### 示例 + +``` +var d = dialog({ + onclose: function () { + alert('对话框已经关闭'); + }, + ok: function () {} +}); +d.show(); +``` + +### [onbeforeremove](id:option-onbeforeremove) + +对话框销毁之前事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +### [onremove](id:option-onremove) + +对话框销毁事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +#### 示例 + +``` +var d = dialog({ + onclose: function () { + alert('对话框已经关闭'); + }, + onremove: function () { + alert('对话框已经销毁'); + }, + ok: function () {} +}); +d.show(); +``` + +### [onfocus](id:option-onfocus) + +对话框获取焦点事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +### [onblur](id:option-onblur) + +对话框失去焦点事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +### [onreset](id:option-onreset) + +对话框位置重置事件。 + +回调函数``this``指向``dialog``对象。 + +#### 类型 + +Function + +### [id](id:option-id) + +设定对话框唯一标识。 + +1. 可防止重复 ID 对话框弹出。 +2. 支持使用``dialog.get(id)``获取某个对话框的接口。 + +#### 类型 + +String + +#### 示例 + +``` +dialog({ + id: 'id-demo', + content: '再次点击运行看看' +}).show(); +dialog.get('id-demo').title('8888888888'); +``` + +## [属性](id:property) + +### [open](id:property-open) + +判断对话框是否被打开。 + +这是一个只读方法。 + +### [returnValue](id:property-returnValue) + +对话框返回值。 + +#### 示例 + +``` +var d = dialog({ + title: '消息', + content: '', + ok: function () { + var value = $('#property-returnValue-demo').val(); + this.close(value); + this.remove(); + } +}); +d.addEventListener('close', function () { + alert(this.returnValue); +}); +d.show(); +``` + +======================= +2013-12-07 | 文档使用 [Mou](http://mouapp.com) 生成 + + + + + + + + + \ No newline at end of file diff --git a/doc/js/doc.js b/doc/js/doc.js new file mode 100644 index 0000000..69b8125 --- /dev/null +++ b/doc/js/doc.js @@ -0,0 +1,134 @@ +define(function (require) { + +var $ = require('jquery'); +var dialog = require('../../src/dialog'); +var sh_languages = require('./sh_languages'); +var css = '../css/doc.css'; + + +// css loader: RequireJS & SeaJS +css = require[require.toUrl ? 'toUrl' : 'resolve'](css); +css = ''; +$('base')[0] ? $('base').before(css) : $('head').append(css); + +window.dialog = dialog; +window.$ = window.jQuery = $; +window.console = window.console || { + log: $.noop +}; + +window.openDialog = function (options) { + // 页面地址 + var url = options.url; + // 是否为模态，默认 true + var modal = options.modal; + // 是否使用气泡样式跟随到元素 + var follow = options.follow; + // 页面加载完毕的事件 + var oniframeload = options.oniframeload; + + (window.seajs ? seajs.use : window.require)([ + '../src/dialog', + '../src/dialog-iframe' + ], function (dialog, openIframe) { + var api = url ? openIframe(options) : dialog(options); + api[modal === false ? 'show' : 'showModal'](follow); + window.__dialog__ = dialog; + }); +}; + +window.getDialog = function (win) { + var dialog = window.__dialog__; + if (!dialog) { + return; + } + // 从 iframe 传入 window 对象 + if (win && win.frameElement) { + var iframe = win.frameElement; + var list = dialog.get(); + var api; + for (var i in list) { + api = list[i]; + if (api.node.getElementsByTagName('iframe')[0] === iframe) { + return api; + } + } + // 直接传入 id 的情况 + } else if (win) { + return dialog.get(win); + } +}; + + +var codes = {}; +var debug = location.href.indexOf('Users/tangbin') !== -1; + +$(function () { + + console.log('你可以在调试器中粘贴本页示例代码运行'); + + var RE = /[\n\s\t]*?\/\/\.\.[\r\n]/; + $('pre code').each(function (index) { + var $this = $(this); + var code = $this.text(); + + + $this.addClass('sh_javascript') + + // 忽略不完整的代码片段 + // 开头使用"//.."表示 + if (RE.test(code)) { + $this.text(code.replace(RE, '')); + return; + } + + try { + codes[index] = new Function(code); + } catch (e) { + return; + } + + $this + //.addClass('sh_javascript') + .after('
' + +''); + }); + + // 代码高亮 + setTimeout(sh_languages, 150); + + // 回到顶部 + var $top = $('TOP') + .on('click', function () { + $(window).scrollTop(0); + return false; + }); + $('body').append($top); + + // 加载拖拽插件 + $('h1 code').one('click', function () { + if (require.async) { + require.async('../../dialog-drag'); + } + }); +}); + + +var runCode = function (id) { + codes[id](); + + var api = dialog.getCurrent(); + if (debug && api) { + console.log(api); + } +}; + + +$(document).on('click', 'button[data-code]', function () { + var id = $(this).data('code'); + runCode(id); + return false; +}); + + +}); \ No newline at end of file diff --git a/doc/js/sh_languages.js b/doc/js/sh_languages.js new file mode 100644 index 0000000..80365b1 --- /dev/null +++ b/doc/js/sh_languages.js @@ -0,0 +1,9 @@ +/* +SHJS - Syntax Highlighting in JavaScript +Copyright (C) 2007, 2008 gnombat@users.sourceforge.net +License: http://shjs.sourceforge.net/doc/gplv3.html +*/ +define(function () { + var sh_languages = {};function sh_isEmailAddress(a){return/^mailto:/.test(a)?!1:a.indexOf("@")!==-1}function sh_setHref(a,b,c){var d=c.substring(a[b-2].pos,a[b-1].pos);d.length>=2&&d.charAt(0)==="<"&&d.charAt(d.length-1)===">"&&(d=d.substr(1,d.length-2)),sh_isEmailAddress(d)&&(d="mailto:"+d),a[b-2].node.href=d}function sh_konquerorExec(a){var b=[""];return b.index=a.length,b.input=a,b}function sh_highlightString(a,b){if(/Konqueror/.test(navigator.userAgent)&&!b.konquered){for(var c=0;cv&&m(t.substring(v,B.index),null);var G=y[C],H=G[1],I;if(H instanceof Array)for(var J=0;J0){var d=c.split(" ");for(var e=0;e0&&b.push(d[e])}return b}function sh_addClass(a,b){var c=sh_getClasses(a);for(var d=0;d element with class="'+h+'", but no such language exists';break}}}}var sh_requests={};sh_languages.javascript=[[[/\/\/\//g,"sh_comment",1],[/\/\//g,"sh_comment",7],[/\/\*\*/g,"sh_comment",8],[/\/\*/g,"sh_comment",9],[/\b(?:abstract|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|final|finally|for|function|goto|if|implements|in|instanceof|interface|native|new|null|private|protected|prototype|public|return|static|super|switch|synchronized|throw|throws|this|transient|true|try|typeof|var|volatile|while|with)\b/g,"sh_keyword",-1],[/(\+\+|--|\)|\])(\s*)(\/=?(?![*\/]))/g,["sh_symbol","sh_normal","sh_symbol"],-1],[/(0x[A-Fa-f0-9]+|(?:[\d]*\.)?[\d]+(?:[eE][+-]?[\d]+)?)(\s*)(\/(?![*\/]))/g,["sh_number","sh_normal","sh_symbol"],-1],[/([A-Za-z$_][A-Za-z0-9$_]*\s*)(\/=?(?![*\/]))/g,["sh_normal","sh_symbol"],-1],[/\/(?:\\.|[^*\\\/])(?:\\.|[^\\\/])*\/[gim]*/g,"sh_regexp",-1],[/\b[+-]?(?:(?:0x[A-Fa-f0-9]+)|(?:(?:[\d]*\.)?[\d]+(?:[eE][+-]?[\d]+)?))u?(?:(?:int(?:8|16|32|64))|L)?\b/g,"sh_number",-1],[/"/g,"sh_string",10],[/'/g,"sh_string",11],[/~|!|%|\^|\*|\(|\)|-|\+|=|\[|\]|\\|:|;|,|\.|\/|\?|&|<|>|\|/g,"sh_symbol",-1],[/\{|\}/g,"sh_cbracket",-1],[/\b(?:Math|Infinity|NaN|undefined|arguments)\b/g,"sh_predef_var",-1],[/\b(?:Array|Boolean|Date|Error|EvalError|Function|Number|Object|RangeError|ReferenceError|RegExp|String|SyntaxError|TypeError|URIError|decodeURI|decodeURIComponent|encodeURI|encodeURIComponent|eval|isFinite|isNaN|parseFloat|parseInt)\b/g,"sh_predef_func",-1],[/\b(?:applicationCache|closed|Components|content|controllers|crypto|defaultStatus|dialogArguments|directories|document|frameElement|frames|fullScreen|globalStorage|history|innerHeight|innerWidth|length|location|locationbar|menubar|name|navigator|opener|outerHeight|outerWidth|pageXOffset|pageYOffset|parent|personalbar|pkcs11|returnValue|screen|availTop|availLeft|availHeight|availWidth|colorDepth|height|left|pixelDepth|top|width|screenX|screenY|scrollbars|scrollMaxX|scrollMaxY|scrollX|scrollY|self|sessionStorage|sidebar|status|statusbar|toolbar|top|window)\b/g,"sh_predef_var",-1],[/\b(?:alert|addEventListener|atob|back|blur|btoa|captureEvents|clearInterval|clearTimeout|close|confirm|dump|escape|find|focus|forward|getAttention|getComputedStyle|getSelection|home|moveBy|moveTo|open|openDialog|postMessage|print|prompt|releaseEvents|removeEventListener|resizeBy|resizeTo|scroll|scrollBy|scrollByLines|scrollByPages|scrollTo|setInterval|setTimeout|showModalDialog|sizeToContent|stop|unescape|updateCommands|onabort|onbeforeunload|onblur|onchange|onclick|onclose|oncontextmenu|ondragdrop|onerror|onfocus|onkeydown|onkeypress|onkeyup|onload|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|onpaint|onreset|onresize|onscroll|onselect|onsubmit|onunload)\b/g,"sh_predef_func",-1],[/(?:[A-Za-z]|_)[A-Za-z0-9_]*(?=[ \t]*\()/g,"sh_function",-1]],[[/$/g,null,-2],[/(?:?)|(?:?)/g,"sh_url",-1],[/<\?xml/g,"sh_preproc",2,1],[//g,"sh_keyword",-1],[/<(?:\/)?[A-Za-z](?:[A-Za-z0-9_:.-]*)/g,"sh_keyword",6,1],[/&(?:[A-Za-z0-9]+);/g,"sh_preproc",-1],[/<(?:\/)?[A-Za-z][A-Za-z0-9]*(?:\/)?>/g,"sh_keyword",-1],[/<(?:\/)?[A-Za-z][A-Za-z0-9]*/g,"sh_keyword",6,1],[/@[A-Za-z]+/g,"sh_type",-1],[/(?:TODO|FIXME|BUG)(?:[:]?)/g,"sh_todo",-1]],[[/\?>/g,"sh_preproc",-2],[/([^=" \t>]+)([ \t]*)(=?)/g,["sh_type","sh_normal","sh_symbol"],-1],[/"/g,"sh_string",3]],[[/\\(?:\\|")/g,null,-1],[/"/g,"sh_string",-2]],[[/>/g,"sh_preproc",-2],[/([^=" \t>]+)([ \t]*)(=?)/g,["sh_type","sh_normal","sh_symbol"],-1],[/"/g,"sh_string",3]],[[/-->/g,"sh_comment",-2],[/ - - - - - -
-
-

文档索引

- -
-
-

快速上手

-

artDialog api 风格统一，有一定前端开发经验的同学通过阅读文档5分钟即可上手。 - -

-

引入文件

-

在页面 head 引入 artDialog 样式与脚本文件:

- 
<link href="./skins/default.css" rel="stylesheet" />
-<script src="./artDialog.min.js"></script>
-

调用方式

-
    -
  1. -

    art.dialog(content, [ok], [cancel])

    - 
    art.dialog('artDialog: I Love You!', function () {alert('Thank you!')});
-
    - 运行
    2. -
  2. -

    art.dialog(options)

    - 
    art.dialog({
-    title: '欢迎',
-    content: '欢迎使用artDialog对话框组件！',
-    ok: function () {
-        this
-        .title('警告')
-        .content('请注意artDialog两秒后将关闭！')
-        .lock()
-        .time(2000);
-        return false;
-    }
-});
-
    - 运行
    3. -
-

artDialog 有两种调用方式，第一种是最简单的直接传入参数方式；第二种拥有更多的可选项，参见 配置参数。

-

[使用jQuery?]

-

扩展接口

-

除了上述两种调用方式之外，artDialog 还提供一些接口方便异步操作，比如实现外部程序更新对话框内容、关闭窗口等。这是属于高级操作，详情参见 接口。

-

若无特别说明，扩展方法均支持链式调用。

-
-
-

配置参数

-
    -
  • -

    title

    -
    -
    概述
    -
    (默认值: "message") 标题内容
    -
    类型
    -
    String
    -
    示例
    -
    - 
    art.dialog({
-    title: 'hello world!'
-});
    - 运行
    -
    -
    • -
  • -

    content

    -
    -
    概述
    -
    (默认值: "<div class="d-loading"><span>loading..</span></div>") 设置消息内容。
    -
    - 如果传入的是 HTMLElement 类型，如果是隐藏元素会给其设置display:block以显示该元素，其他属性与绑定的事件都会完整保留，对话框关闭后此元素又将恢复原来的display属性，并且重新插入原文档所在位置
    -
    类型
    -
    String, HTMLElement
    -
    示例
    -
    - 
    art.dialog({
-    content: 'hello world!'
-});
    - 运行
    -
    - 
    art.dialog({
-    content: document.getElementById('options-content-demo-element'),
-    id: 'EF893L'
-});
    - 运行
    -
    -
    • -
  • -

    ok

    -
    -
    概述
    -
    确定按钮。
    -
    - 回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭
    -
    类型
    -
    Function
    -
    示例
    -
    - 
    art.dialog({
-    ok: function () {
-        this.content('hello world!');
-        return false;
-    }
-});
    - 运行
    -
    -
    • -
  • -

    cancel

    -
    -
    概述
    -
    取消按钮。
    -
    - 取消按钮也等同于标题栏的关闭按钮。回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭
    -
    类型
    -
    Function
    -
    示例
    -
    - 
    art.dialog({
-    cancel: function () {
-        alert('关闭');
-    }
-});
    - 运行
    -
    -
    • -
  • -

    okValue

    -
    -
    概述
    -
    (默认值: "ok") 确定按钮文本
    -
    类型
    -
    String
    -
    示例
    -
    - 
    art.dialog({
-    okValue: '猛击我',
-    ok: function () {
-        this.content('hello world!');
-        return false;
-    }
-});
    - 运行
    -
    -
    • -
  • -

    cancelValue

    -
    -
    概述
    -
    (默认值: cancel) 取消按钮文本
    -
    类型
    -
    String
    -
    示例
    -
    - 
    art.dialog({
-    cancelValue: '取消我',
-    cancel: function () {
-        alert('关闭');
-    }
-});
    - 运行
    -
    -
    • -
  • -

    button

    -
    -
    概述
    -
    -

    自定义按钮组。
    -
    - 回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭

    -
    -
    类型
    -
    Array
    -
    选项
    -
    -
    -
    value
    -
    按钮显示文本
    -
    callback
    -
    (可选) 按钮点击后的回调函数。回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭
    -
    focus
    -
    (默认值: true) 是否聚焦
    -
    width
    -
    (可选) 设置按钮 CSS width 值
    -
    disabled
    -
    (默认值: false) 是否禁用
    -
    id
    -
    (默认值: 与 value 一致) 唯一标识
    -
    -
    -
    示例
    -
    - 
    art.dialog({
-    button: [
-        {
-            value: '同意',
-            callback: function () {
-                this
-                .content('你同意了')
-                .button({
-                    id: 'button-disabled',
-                    value: '我变成有效按钮了',
-                    disabled: false
-                 });
-                return false;
-            },
-            focus: true
-        },
-        {
-            value: '不同意',
-            callback: function () {
-                alert('你不同意')
-            }
-        },
-        {
-            id: 'button-disabled',
-            value: '无效按钮',
-            disabled: true
-        },
-        {
-            value: '关闭我'
-        }
-    ]
-});
    - 运行
    -
    -
    • -
  • -

    width

    -
    -
    概述
    -
    (默认值: "auto") 设置对话框 内容 宽度。
    -
    - 一般情况下无需设置此值，对话框会自适应内容宽度
    -
    类型
    -
    Number, String
    -
    示例
    -
    - 
    art.dialog({
-    width: 460
-});
    - 运行
    -
    - 
    art.dialog({
-    width: '20em'
-});
    - 运行
    -
    -
    • -
  • -

    height

    -
    -
    概述
    -
    (默认值: "auto") 设置对话框 内容 高度。
    -
    - 一般情况下无需设置此值，对话框会自适应内容宽度
    -
    类型
    -
    Number, String
    -
    示例
    -
    - 
    art.dialog({
-    height: 460
-});
    - 运行
    -
    - 
    art.dialog({
-    height: '20em'
-});
    - 运行
    -
    -
    • -
  • -

    fixed

    -
    -
    概述
    -
    (默认值: false) 开启固定定位。
    -
    - 固定定位是 css2.1 position 的一个属性，它能固定在浏览器某个地方，也不受滚动条拖动影响。IE6 与 部分移动浏览器对其支持不好，内部会转成绝对定位
    -
    类型
    -
    Boolean
    -
    示例
    -
    - 
    art.dialog({
-    fixed: true,
-    content: '请拖动滚动条查看'
-});
    - 运行
    -
    -
    • -
  • -

    follow

    -
    -
    概述
    -
    让对话框依附在指定元素附近
    -
    类型
    -
    HTMLElement
    -
    示例
    -
    - 
    art.dialog({
-    follow: document.getElementById('options-follow-demo-runCode'),
-    content: '让对话框跟着某个元素，一个元素同时只能出现一个对话框'
-});
    - 运行
    -
    -
    • -
  • -

    lock

    -
    -
    概述
    -
    (默认值: false) 开启锁屏遮罩。
    -
    - 中断用户对话框之外的交互，用于显示非常重要的操作/消息。建议只在适合的时候使用它。遮罩的颜色与透明度可在皮肤CSS中设置。
    -
    类型
    -
    Boolean
    -
    示例
    -
    - 
    art.dialog({
-    lock: true
-});
    - 运行
    -
    -
    • -
  • -

    padding

    -
    -
    概述
    -
    (默认值: "20px 25px") 设置消息内容与消息容器的填充边距，即 style padding 属性
    -
    类型
    -
    String
    -
    示例
    -
    - 
    art.dialog({
-    content: 'hello world',
-    padding: 0
-})
    - 运行
    -
    -
    • -
  • -

    id

    -
    -
    概述
    -
    设定对话框唯一标识。
    -
    - 作用： -
      -
    1. 可防止重复 ID 对话框弹出
      2. -
    2. 可后续使用 art.dialog.get(id) 获取某个对话框的接口
      3. -
    -
    -
    类型
    -
    String
    -
    示例
    -
    - 
    art.dialog({
-    id: 'id-demo',
-    content: '再次点击运行看看'
-});
-art.dialog.get('id-demo').title('8888888888');
    - 运行
    -
    -
    • -
  • -

    zIndex

    -
    -
    概述
    -
    (默认值: 1987) 重置全局 zIndex 初始值，用来改变对话框叠加高度。
    -
    - 比如有时候配合外部浮动层UI组件，但是它们可能默认 zIndex 没有 artDialog 高，导致无法浮动到 artDialog 之上，这个时候你就可以给对话框指定一个较小的 zIndex 值。 - 请注意这是一个会影响到全局的配置，后续出现的对话框叠加高度将重新按此累加。
    -
    类型
    -
    Number
    -
    示例
    -
    - 
    art.dialog({
-    zIndex: 87
-});
    - 运行
    -
    -
    • -
  • -

    initialize

    -
    -
    概述
    -
    对话框初始化完成后执行的函数。
    -
    - 回调函数 this 指向 art.dialog 对象
    -
    类型
    -
    Function
    -
    示例
    -
    - 
    art.dialog({
-    initialize: function () {
-        this.content('对话框初始化完成');
-    }
-});
    - 运行
    -
    -
    • -
  • -

    beforeunload

    -
    -
    概述
    -
    对话框关闭前执行的函数。
    -
    - 回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭
    -
    类型
    -
    Function
    -
    示例
    -
    - 
    art.dialog({
-    beforeunload: function () {
-        return confirm('确定关闭对话框吗');
-    }
-});
    - 运行
    -
    -
    • -
  • -

    visible

    -
    -
    概述
    -
    (默认值: true) 是否显示对话框
    -
    类型
    -
    Boolean
    -
    示例
    -
    - 
    var dialog = art.dialog({
-    visible: false,
-    id: 'visible-demo'
-});
-
-confirm('显示对话框吗') ? dialog.visible() : dialog.hidden();
    - 运行
    -
    -
    • -
  • -

    time

    -
    -
    概述
    -
    设置对话框显示时间，超过时间自动关闭 (单位：毫秒)
    -
    类型
    -
    Number
    -
    示例
    -
    - 
    art.dialog({
-    time: 2000
-});
    - 运行
    -
    -
    • -
  • -

    esc

    -
    -
    概述
    -
    (默认值: false) 是否允许用户按 Esc 键关闭对话框
    -
    类型
    -
    Boolean
    -
    示例
    -
    - 
    art.dialog({
-    esc: false,
-    content: '按 Esc 不能关闭我'
-});
    - 运行
    -
    -
    • -
  • -

    focus

    -
    -
    概述
    -
    (默认值: true) 是否支持对话框按钮自动聚焦
    -
    类型
    -
    Boolean
    -
    示例
    -
    - 
    art.dialog({
-    focus: false,
-    ok: function () {}
-});
    - 运行
    -
    -
    • -
-
-
-

接口

-
    -
  • -

    art.dialog.get(id)

    -
    -
    概述
    -
    根据 id 获取 art.dialog 对象。注意：这是一个静态方法
    -
    参数
    -
    -
    -
    id
    -
    对话框 id
    -
    -
    -
    返回值
    -
    如果存在 id 参数则返回 art.dialog 对象，否则返回页面所有 art.dialog 对象数组
    -
    示例
    -
    - 
    art.dialog({
-    id: 'demo-get'
-});
-
-var dialog = art.dialog.get('demo-get');
-dialog.title('hello').content('I Love You!');
-
    - 运行
    -
    -
    • -
  • -

    closed

    -
    -
    概述
    -
    对话框是否已经关闭。注意：这是一个属性，对话框若关闭其值为 true
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.close();
-
-alert(dialog.closed);
-
    - 运行
    -
    -
    • -
  • -

    close()

    -
    -
    概述
    -
    关闭对话框
    -
    示例
    -
    - 
    var dialog = art.dialog({
-    content: 'hello world!'
-});
-
-if (confirm('关闭对话框吗')) {
-    dialog.close();
-};
-
    - 运行
    -
    -
    • -
  • -

    visible()

    -
    -
    概述
    -
    把隐藏的对话框显示
    -
    示例
    -
    - 
    var dialog = art.dialog({
-    visible: false
-});
-
-dialog.visible();
    - 运行
    -
    -
    • -
  • -

    hidden()

    -
    -
    概述
    -
    隐藏对话框
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.hidden();
    - 运行
    -
    -
    • -
  • -

    title(value)

    -
    -
    概述
    -
    设置对话框标题
    -
    参数
    -
    -
    -
    value
    -
    标题内容
    -
    -
    -
    示例
    -
    - 
    var dialog = art.dialog({
-    title: '请等待..'
-});
-
-dialog.title('欢迎使用');
    - 运行
    -
    -
    • -
  • -

    content(value)

    -
    -
    概述
    -
    设置消息内容
    -
    参数
    -
    -
    -
    value
    -
    消息内容
    -
    -
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.content('加载完成！');
    - 运行
    -
    -
    • -
  • -

    button(button, [button], ..)

    -
    -
    概述
    -
    添加或者修改一个或者多个按钮
    -
    参数
    -
    -
    -
    button
    -
    按钮配置
    -
    -
    -
    选项
    -
    -
    -
    value
    -
    按钮显示文本
    -
    callback
    -
    (可选) 按钮点击后的回调函数。回调函数 this 指向 art.dialog 对象，执行完毕默认关闭对话框，若返回 false 则阻止关闭
    -
    focus
    -
    (默认值: true) 是否聚焦
    -
    width
    -
    (可选) 设置按钮 CSS width 值
    -
    disabled
    -
    (默认值: false) 是否禁用
    -
    id
    -
    (默认值: 与 value 一致) 唯一标识
    -
    -
    -
    示例
    -
    -

    修改按钮与新增按钮：

    - 
    var dialog = art.dialog({
-    button: [{
-        value: '增加一个按钮',
-        focus: true,
-        callback: function () {
-            this.button({
-                value: '关闭我'
-            });
-            return false;
-        }
-    }, {
-        id: 'button',
-        value: '提交 (5)',
-        width: '8em',
-        callback: function () {
-            alert(0);
-            return false;
-        },
-        disabled: true
-    }]
-});
-
-var i = 5;
-var timer = setInterval(function () {
-    i--;
-    
-    dialog.button({
-        id: 'button',
-        value: '提交 (' + i + ')',
-        disabled: true
-    });
-    
-    if (i === 0) {
-        clearInterval(timer);
-        dialog.button({
-            id: 'button',
-            value: '提交',
-            disabled: false
-        });
-    };
-}, 1000);
    - 运行
    -
    -
    • -
  • -

    follow(element)

    -
    -
    概述
    -
    让对话框依附在指定元素附近
    -
    参数
    -
    -
    -
    element
    -
    元素
    -
    -
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.follow(document.getElementById('api-follow-demo-runCode'));
    - 运行
    -
    -
    • -
  • -

    size(width, height)

    -
    -
    概述
    -
    指定对话框内容尺寸
    -
    参数
    -
    -
    -
    width
    -
    内容宽度
    -
    height
    -
    内容高度
    -
    -
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.size('20em', 60);
    - 运行
    -
    -
    • -
  • -

    lock()

    -
    -
    概述
    -
    开启锁屏遮罩
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.lock();
    - 运行
    -
    -
    • -
  • -

    unlock()

    -
    -
    概述
    -
    关闭锁屏遮罩
    -
    示例
    -
    - 
    var dialog = art.dialog({
-    lock: true
-});
-
-dialog.unlock();
    - 运行
    -
    -
    • -
  • -

    time(value)

    -
    -
    概述
    -
    设置对话框显示时间，超过时间自动关闭 (单位：毫秒)
    -
    参数
    -
    -
    -
    value
    -
    毫秒
    -
    -
    -
    示例
    -
    - 
    var dialog = art.dialog();
-
-dialog.time(2000);
    - 运行
    -
    -
    • -
-
-
-

插件

-

artDialog 可以通过插件支持拖动、抖动效果， alert、confirm、prompt 方法。只需在 artDialog 之后引用如下文件即可：

- 
-<script src="./artDialog.plugins.min.js"></script>
-

- -

-
-

演示插件

-
    -
  • -

    art.alert(content, [callback])

    - 
    art.alert('那些年，我们一起追的女孩');
-
    - 运行
    • -
  • -

    art.confirm(content, ok, [cancel])

    - 
    art.confirm('你再也不相信爱情了么？', function () {
-    alert(0);
-}, function () {
-    alert(1);
-});
-
    - 运行
    • -
  • -

    art.prompt(content, ok, [defaultValue])

    - 
    art.prompt('你的名字是什么？', function (value) {
-    alert(value);
-}, '糖饼');
-
    - 运行
    • -
  • -

    shake()

    - 
    art.dialog({
-    id: 'shake-demo',
-    title: '登录',
-    content: '帐号：<input type="text" value="guest" /><br />'
-        + '密码：<input id="login-pw" type="text" value="****" />',
-    lock: true,
-    fixed: true,
-    ok: function () {
-        var pw = document.getElementById('login-pw');
-        pw.select();
-    	pw.focus();
-    	this.shake();
-        return false;
-    },
-    okValue: '登录',
-    cancel: function () {}
-});
    - 运行
    • -
-
-
- -
- - - - - - - \ No newline at end of file diff --git a/jquery.artDialog.min.js b/jquery.artDialog.min.js deleted file mode 100644 index f9c75a3..0000000 --- a/jquery.artDialog.min.js +++ /dev/null @@ -1,9 +0,0 @@ -/*! -* artDialog 5.0.2 -* Date: 2012-11-11 -* https://github.com/aui/artDialog -* (c) 2009-2012 TangBin, http://www.planeArt.cn -* -* This is licensed under the GNU LGPL, version 2.1 or later. -* For details, see: http://creativecommons.org/licenses/LGPL/2.1/ -*/(function(e,t,n){if(document.compatMode==="BackCompat")throw new Error("artDialog: Document types require more than xhtml1.0");var r,i=0,s=e(document.getElementsByTagName("html")[0]),o="artDialog"+ +(new Date),u=t.VBArray&&!t.XMLHttpRequest,a="createTouch"in document&&!("onmousemove"in document)||/(iPhone|iPad|iPod)/i.test(navigator.userAgent),f=!u&&!a,l=function(e,t,s){e=e||{};if(typeof e=="string"||e.nodeType===1)e={content:e,fixed:!a};var u,c=l.defaults,h=e.follow=this.nodeType===1&&this||e.follow;for(var p in c)e[p]===n&&(e[p]=c[p]);e.id=h&&h[o+"follow"]||e.id||o+i,u=l.list[e.id];if(u)return h&&u.follow(h),u.zIndex().focus(),u;f||(e.fixed=!1);if(!e.button||!e.button.push)e.button=[];return t!==n&&(e.ok=t),e.ok&&e.button.push({id:"ok",value:e.okValue,callback:e.ok,focus:!0}),s!==n&&(e.cancel=s),e.cancel&&e.button.push({id:"cancel",value:e.cancelValue,callback:e.cancel}),l.defaults.zIndex=e.zIndex,i++,l.list[e.id]=r?r.constructor(e):new l.fn.constructor(e)};l.version="5.0.2",l.fn=l.prototype={constructor:function(e){var t;return this.closed=!1,this.config=e,this.dom=t=this.dom||this._getDom(),e.skin&&t.wrap.addClass(e.skin),t.wrap.css("position",e.fixed?"fixed":"absolute"),t.close[e.cancel===!1?"hide":"show"](),t.content.css("padding",e.padding),this.button.apply(this,e.button),this.title(e.title).content(e.content).size(e.width,e.height).time(e.time),this._reset(),this.zIndex(),e.lock&&this.lock(),this._addEvent(),this[e.visible?"visible":"hidden"]().focus(),r=null,e.initialize&&e.initialize.call(this),this},content:function(t){var n,r,i,s,o=this,u=this.dom.content,a=u[0];return this._elemBack&&(this._elemBack(),delete this._elemBack),typeof t=="string"?u.html(t):t&&t.nodeType===1&&(s=t.style.display,n=t.previousSibling,r=t.nextSibling,i=t.parentNode,this._elemBack=function(){n&&n.parentNode?n.parentNode.insertBefore(t,n.nextSibling):r&&r.parentNode?r.parentNode.insertBefore(t,r):i&&i.appendChild(t),t.style.display=s,o._elemBack=null},u.html(""),a.appendChild(t),e(t).show()),this._reset(),this},title:function(e){var t=this.dom,n=t.outer,r=t.title,i="d-state-noTitle";return e===!1?(r.hide().html(""),n.addClass(i)):(r.show().html(e),n.removeClass(i)),this},position:function(){var e=this.dom,t=e.wrap[0],n=e.window,r=e.document,i=this.config.fixed,s=i?0:r.scrollLeft(),u=i?0:r.scrollTop(),a=n.width(),f=n.height(),l=t.offsetWidth,c=t.offsetHeight,h=(a-l)/2+s,p=(f-c)*382/1e3+u,d=t.style;return d.left=Math.max(parseInt(h),s)+"px",d.top=Math.max(parseInt(p),u)+"px",this._follow&&(this._follow.removeAttribute(o+"follow"),this._follow=null),this},size:function(e,t){var n=this.dom.main[0].style;return typeof e=="number"&&(e+="px"),typeof t=="number"&&(t+="px"),n.width=e,n.height=t,this},follow:function(t){var n=e(t),r=this.config;if(!t||!t.offsetWidth&&!t.offsetHeight)return this.position(this._left,this._top);var i=r.fixed,s=o+"follow",u=this.dom,a=u.window,f=u.document,l=a.width(),c=a.height(),h=f.scrollLeft(),p=f.scrollTop(),d=n.offset(),v=t.offsetWidth,m=t.offsetHeight,g=i?d.left-h:d.left,y=i?d.top-p:d.top,b=this.dom.wrap[0],w=b.style,E=b.offsetWidth,S=b.offsetHeight,x=g-(E-v)/2,T=y+m,N=i?0:h,C=i?0:p;return x=xl&&g-E>N?g-E+v:x,T=T+S>c+C&&y-S>C?y-S:T,w.left=parseInt(x)+"px",w.top=parseInt(T)+"px",this._follow&&this._follow.removeAttribute(s),this._follow=t,t[s]=r.id,this},button:function(){var t=this.dom,n=t.buttons,r=n[0],i="d-state-highlight",s=this._listeners=this._listeners||{},u=[].slice.call(arguments),a=0,f,l,c,h,p;for(;aloading..',title:"message",button:null,ok:null,cancel:null,initialize:null,beforeunload:null,okValue:"ok",cancelValue:"cancel",width:"auto",height:"auto",padding:"20px 25px",skin:null,time:null,esc:!0,focus:!0,visible:!0,follow:null,lock:!1,fixed:!1,zIndex:1987},this.artDialog=e.dialog=e.artDialog=l})(this.art||this.jQuery,this) \ No newline at end of file diff --git a/lib/jquery-1.10.2.js b/lib/jquery-1.10.2.js new file mode 100644 index 0000000..ab7abec --- /dev/null +++ b/lib/jquery-1.10.2.js @@ -0,0 +1,6 @@ +/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license +//@ sourceMappingURL=jquery-1.10.2.min.map +*/ +(function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,l=e.jQuery,u=e.$,c={},p=[],f="1.10.2",d=p.concat,h=p.push,g=p.slice,m=p.indexOf,y=c.toString,v=c.hasOwnProperty,b=f.trim,x=function(e,t){return new x.fn.init(e,t,r)},w=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,k=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,E=/^[\],:{}\s]*$/,S=/(?:^|:|,)(?:\s*\[)+/g,A=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,j=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,D=/^-ms-/,L=/-([\da-z])/gi,H=function(e,t){return t.toUpperCase()},q=function(e){(a.addEventListener||"load"===e.type||"complete"===a.readyState)&&(_(),x.ready())},_=function(){a.addEventListener?(a.removeEventListener("DOMContentLoaded",q,!1),e.removeEventListener("load",q,!1)):(a.detachEvent("onreadystatechange",q),e.detachEvent("onload",q))};x.fn=x.prototype={jquery:f,constructor:x,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof x?n[0]:n,x.merge(this,x.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:a,!0)),k.test(i[1])&&x.isPlainObject(n))for(i in n)x.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(o=a.getElementById(i[2]),o&&o.parentNode){if(o.id!==i[2])return r.find(e);this.length=1,this[0]=o}return this.context=a,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return g.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(g.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},l=1,u=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},l=2),"object"==typeof s||x.isFunction(s)||(s={}),u===l&&(s=this,--l);u>l;l++)if(null!=(o=arguments[l]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(x.isPlainObject(r)||(n=x.isArray(r)))?(n?(n=!1,a=e&&x.isArray(e)?e:[]):a=e&&x.isPlainObject(e)?e:{},s[i]=x.extend(c,a,r)):r!==t&&(s[i]=r));return s},x.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=l),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){if(e===!0?!--x.readyWait:!x.isReady){if(!a.body)return setTimeout(x.ready);x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(a,[x]),x.fn.trigger&&x(a).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray||function(e){return"array"===x.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[y.call(e)]||"object":typeof e},isPlainObject:function(e){var n;if(!e||"object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!v.call(e,"constructor")&&!v.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}if(x.support.ownLast)for(n in e)return v.call(e,n);for(n in e);return n===t||v.call(e,n)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||a;var r=k.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=x.trim(n),n&&E.test(n.replace(A,"@").replace(j,"]").replace(S,"")))?Function("return "+n)():(x.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||x.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&x.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(D,"ms-").replace(L,H)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:b&&!b.call("\ufeff\u00a0")?function(e){return null==e?"":b.call(e)}:function(e){return null==e?"":(e+"").replace(C,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(m)return m.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return d.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),x.isFunction(e)?(r=g.call(arguments,2),i=function(){return e.apply(n||this,r.concat(g.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):t},access:function(e,n,r,i,o,a,s){var l=0,u=e.length,c=null==r;if("object"===x.type(r)){o=!0;for(l in r)x.access(e,n,l,r[l],!0,a,s)}else if(i!==t&&(o=!0,x.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(x(e),n)})),n))for(;u>l;l++)n(e[l],r,s?i:i.call(e[l],l,n(e[l],r)));return o?e:c?n.call(e):u?n(e[0],r):a},now:function(){return(new Date).getTime()},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),x.ready.promise=function(t){if(!n)if(n=x.Deferred(),"complete"===a.readyState)setTimeout(x.ready);else if(a.addEventListener)a.addEventListener("DOMContentLoaded",q,!1),e.addEventListener("load",q,!1);else{a.attachEvent("onreadystatechange",q),e.attachEvent("onload",q);var r=!1;try{r=null==e.frameElement&&a.documentElement}catch(i){}r&&r.doScroll&&function o(){if(!x.isReady){try{r.doScroll("left")}catch(e){return setTimeout(o,50)}_(),x.ready()}}()}return n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){c["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=x(a),function(e,t){var n,r,i,o,a,s,l,u,c,p,f,d,h,g,m,y,v,b="sizzle"+-new Date,w=e.document,T=0,C=0,N=st(),k=st(),E=st(),S=!1,A=function(e,t){return e===t?(S=!0,0):0},j=typeof t,D=1<<31,L={}.hasOwnProperty,H=[],q=H.pop,_=H.push,M=H.push,O=H.slice,F=H.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},B="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",R="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",W=R.replace("w","w#"),$="\\["+P+"*("+R+")"+P+"*(?:([*^$|!~]?=)"+P+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+W+")|)|)"+P+"*\\]",I=":("+R+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+$.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+P+"+|((?:^|[^\\\\])(?:\\\\.)*)"+P+"+$","g"),X=RegExp("^"+P+"*,"+P+"*"),U=RegExp("^"+P+"*([>+~]|"+P+")"+P+"*"),V=RegExp(P+"*[+~]"),Y=RegExp("="+P+"*([^\\]'\"]*)"+P+"*\\]","g"),J=RegExp(I),G=RegExp("^"+W+"$"),Q={ID:RegExp("^#("+R+")"),CLASS:RegExp("^\\.("+R+")"),TAG:RegExp("^("+R.replace("w","w*")+")"),ATTR:RegExp("^"+$),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+P+"*(even|odd|(([+-]|)(\\d*)n|)"+P+"*(?:([+-]|)"+P+"*(\\d+)|))"+P+"*\\)|)","i"),bool:RegExp("^(?:"+B+")$","i"),needsContext:RegExp("^"+P+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+P+"*((?:-\\d)?\\d*)"+P+"*\\)|)(?=[^-]|$)","i")},K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,et=/^(?:input|select|textarea|button)$/i,tt=/^h\d$/i,nt=/'|\\/g,rt=RegExp("\\\\([\\da-f]{1,6}"+P+"?|("+P+")|.)","ig"),it=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{M.apply(H=O.call(w.childNodes),w.childNodes),H[w.childNodes.length].nodeType}catch(ot){M={apply:H.length?function(e,t){_.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function at(e,t,n,i){var o,a,s,l,u,c,d,m,y,x;if((t?t.ownerDocument||t:w)!==f&&p(t),t=t||f,n=n||[],!e||"string"!=typeof e)return n;if(1!==(l=t.nodeType)&&9!==l)return[];if(h&&!i){if(o=Z.exec(e))if(s=o[1]){if(9===l){if(a=t.getElementById(s),!a||!a.parentNode)return n;if(a.id===s)return n.push(a),n}else if(t.ownerDocument&&(a=t.ownerDocument.getElementById(s))&&v(t,a)&&a.id===s)return n.push(a),n}else{if(o[2])return M.apply(n,t.getElementsByTagName(e)),n;if((s=o[3])&&r.getElementsByClassName&&t.getElementsByClassName)return M.apply(n,t.getElementsByClassName(s)),n}if(r.qsa&&(!g||!g.test(e))){if(m=d=b,y=t,x=9===l&&e,1===l&&"object"!==t.nodeName.toLowerCase()){c=mt(e),(d=t.getAttribute("id"))?m=d.replace(nt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",u=c.length;while(u--)c[u]=m+yt(c[u]);y=V.test(e)&&t.parentNode||t,x=c.join(",")}if(x)try{return M.apply(n,y.querySelectorAll(x)),n}catch(T){}finally{d||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,n,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>o.cacheLength&&delete t[e.shift()],t[n]=r}return t}function lt(e){return e[b]=!0,e}function ut(e){var t=f.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function ct(e,t){var n=e.split("|"),r=e.length;while(r--)o.attrHandle[n[r]]=t}function pt(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function dt(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return lt(function(t){return t=+t,lt(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}s=at.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},r=at.support={},p=at.setDocument=function(e){var n=e?e.ownerDocument||e:w,i=n.defaultView;return n!==f&&9===n.nodeType&&n.documentElement?(f=n,d=n.documentElement,h=!s(n),i&&i.attachEvent&&i!==i.top&&i.attachEvent("onbeforeunload",function(){p()}),r.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),r.getElementsByTagName=ut(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),r.getElementsByClassName=ut(function(e){return e.innerHTML="
",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),r.getById=ut(function(e){return d.appendChild(e).id=b,!n.getElementsByName||!n.getElementsByName(b).length}),r.getById?(o.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){return e.getAttribute("id")===t}}):(delete o.find.ID,o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),o.find.TAG=r.getElementsByTagName?function(e,n){return typeof n.getElementsByTagName!==j?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},o.find.CLASS=r.getElementsByClassName&&function(e,n){return typeof n.getElementsByClassName!==j&&h?n.getElementsByClassName(e):t},m=[],g=[],(r.qsa=K.test(n.querySelectorAll))&&(ut(function(e){e.innerHTML="",e.querySelectorAll("[selected]").length||g.push("\\["+P+"*(?:value|"+B+")"),e.querySelectorAll(":checked").length||g.push(":checked")}),ut(function(e){var t=n.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&g.push("[*^$]="+P+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||g.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),g.push(",.*:")})),(r.matchesSelector=K.test(y=d.webkitMatchesSelector||d.mozMatchesSelector||d.oMatchesSelector||d.msMatchesSelector))&&ut(function(e){r.disconnectedMatch=y.call(e,"div"),y.call(e,"[s!='']:x"),m.push("!=",I)}),g=g.length&&RegExp(g.join("|")),m=m.length&&RegExp(m.join("|")),v=K.test(d.contains)||d.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},A=d.compareDocumentPosition?function(e,t){if(e===t)return S=!0,0;var i=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t);return i?1&i||!r.sortDetached&&t.compareDocumentPosition(e)===i?e===n||v(w,e)?-1:t===n||v(w,t)?1:c?F.call(c,e)-F.call(c,t):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return S=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:c?F.call(c,e)-F.call(c,t):0;if(o===a)return pt(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?pt(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},n):f},at.matches=function(e,t){return at(e,null,null,t)},at.matchesSelector=function(e,t){if((e.ownerDocument||e)!==f&&p(e),t=t.replace(Y,"='$1']"),!(!r.matchesSelector||!h||m&&m.test(t)||g&&g.test(t)))try{var n=y.call(e,t);if(n||r.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(i){}return at(t,f,null,[e]).length>0},at.contains=function(e,t){return(e.ownerDocument||e)!==f&&p(e),v(e,t)},at.attr=function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},at.uniqueSort=function(e){var t,n=[],i=0,o=0;if(S=!r.detectDuplicates,c=!r.sortStable&&e.slice(0),e.sort(A),S){while(t=e[o++])t===e[o]&&(i=n.push(o));while(i--)e.splice(n[i],1)}return e},a=at.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=a(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=a(t);return n},o=at.selectors={cacheLength:50,createPseudo:lt,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(rt,it),e[3]=(e[4]||e[5]||"").replace(rt,it),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||at.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&at.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&&J.test(r)&&(n=mt(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(rt,it).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=N[e+" "];return t||(t=RegExp("(^|"+P+")"+e+"("+P+"|$)"))&&N(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=at.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,l){var u,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!l&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[b]||(m[b]={}),u=c[e]||[],d=u[0]===T&&u[1],f=u[0]===T&&u[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[T,d,f];break}}else if(v&&(u=(t[b]||(t[b]={}))[e])&&u[0]===T)f=u[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[b]||(p[b]={}))[e]=[T,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=o.pseudos[e]||o.setFilters[e.toLowerCase()]||at.error("unsupported pseudo: "+e);return r[b]?r(t):r.length>1?(n=[e,e,"",t],o.setFilters.hasOwnProperty(e.toLowerCase())?lt(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=F.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:lt(function(e){var t=[],n=[],r=l(e.replace(z,"$1"));return r[b]?lt(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:lt(function(e){return function(t){return at(e,t).length>0}}),contains:lt(function(e){return function(t){return(t.textContent||t.innerText||a(t)).indexOf(e)>-1}}),lang:lt(function(e){return G.test(e||"")||at.error("unsupported lang: "+e),e=e.replace(rt,it).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===d},focus:function(e){return e===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!o.pseudos.empty(e)},header:function(e){return tt.test(e.nodeName)},input:function(e){return et.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},o.pseudos.nth=o.pseudos.eq;for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})o.pseudos[n]=ft(n);for(n in{submit:!0,reset:!0})o.pseudos[n]=dt(n);function gt(){}gt.prototype=o.filters=o.pseudos,o.setFilters=new gt;function mt(e,t){var n,r,i,a,s,l,u,c=k[e+" "];if(c)return t?0:c.slice(0);s=e,l=[],u=o.preFilter;while(s){(!n||(r=X.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),l.push(i=[])),n=!1,(r=U.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(z," ")}),s=s.slice(n.length));for(a in o.filter)!(r=Q[a].exec(s))||u[a]&&!(r=u[a](r))||(n=r.shift(),i.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?at.error(e):k(e,l).slice(0)}function yt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function vt(e,t,n){var r=t.dir,o=n&&"parentNode"===r,a=C++;return t.first?function(t,n,i){while(t=t[r])if(1===t.nodeType||o)return e(t,n,i)}:function(t,n,s){var l,u,c,p=T+" "+a;if(s){while(t=t[r])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[r])if(1===t.nodeType||o)if(c=t[b]||(t[b]={}),(u=c[r])&&u[0]===p){if((l=u[1])===!0||l===i)return l===!0}else if(u=c[r]=[p],u[1]=e(t,n,s)||i,u[1]===!0)return!0}}function bt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,a=[],s=0,l=e.length,u=null!=t;for(;l>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),u&&t.push(s));return a}function wt(e,t,n,r,i,o){return r&&!r[b]&&(r=wt(r)),i&&!i[b]&&(i=wt(i,o)),lt(function(o,a,s,l){var u,c,p,f=[],d=[],h=a.length,g=o||Nt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:xt(g,f,e,s,l),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,l),r){u=xt(y,d),r(u,[],s,l),c=u.length;while(c--)(p=u[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){u=[],c=y.length;while(c--)(p=y[c])&&u.push(m[c]=p);i(null,y=[],u,l)}c=y.length;while(c--)(p=y[c])&&(u=i?F.call(o,p):f[c])>-1&&(o[u]=!(a[u]=p))}}else y=xt(y===a?y.splice(h,y.length):y),i?i(null,a,y,l):M.apply(a,y)})}function Tt(e){var t,n,r,i=e.length,a=o.relative[e[0].type],s=a||o.relative[" "],l=a?1:0,c=vt(function(e){return e===t},s,!0),p=vt(function(e){return F.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;i>l;l++)if(n=o.relative[e[l].type])f=[vt(bt(f),n)];else{if(n=o.filter[e[l].type].apply(null,e[l].matches),n[b]){for(r=++l;i>r;r++)if(o.relative[e[r].type])break;return wt(l>1&&bt(f),l>1&&yt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&Tt(e.slice(l,r)),i>r&&Tt(e=e.slice(r)),i>r&&yt(e))}f.push(n)}return bt(f)}function Ct(e,t){var n=0,r=t.length>0,a=e.length>0,s=function(s,l,c,p,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,C=u,N=s||a&&o.find.TAG("*",d&&l.parentNode||l),k=T+=null==C?1:Math.random()||.1;for(w&&(u=l!==f&&l,i=n);null!=(h=N[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,l,c)){p.push(h);break}w&&(T=k,i=++n)}r&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,r&&b!==v){g=0;while(m=t[g++])m(x,y,l,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=q.call(p));y=xt(y)}M.apply(p,y),w&&!s&&y.length>0&&v+t.length>1&&at.uniqueSort(p)}return w&&(T=k,u=C),x};return r?lt(s):s}l=at.compile=function(e,t){var n,r=[],i=[],o=E[e+" "];if(!o){t||(t=mt(e)),n=t.length;while(n--)o=Tt(t[n]),o[b]?r.push(o):i.push(o);o=E(e,Ct(i,r))}return o};function Nt(e,t,n){var r=0,i=t.length;for(;i>r;r++)at(e,t[r],n);return n}function kt(e,t,n,i){var a,s,u,c,p,f=mt(e);if(!i&&1===f.length){if(s=f[0]=f[0].slice(0),s.length>2&&"ID"===(u=s[0]).type&&r.getById&&9===t.nodeType&&h&&o.relative[s[1].type]){if(t=(o.find.ID(u.matches[0].replace(rt,it),t)||[])[0],!t)return n;e=e.slice(s.shift().value.length)}a=Q.needsContext.test(e)?0:s.length;while(a--){if(u=s[a],o.relative[c=u.type])break;if((p=o.find[c])&&(i=p(u.matches[0].replace(rt,it),V.test(s[0].type)&&t.parentNode||t))){if(s.splice(a,1),e=i.length&&yt(s),!e)return M.apply(n,i),n;break}}}return l(e,f)(i,t,!h,n,V.test(e)),n}r.sortStable=b.split("").sort(A).join("")===b,r.detectDuplicates=S,p(),r.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(f.createElement("div"))}),ut(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||ct("type|href|height|width",function(e,n,r){return r?t:e.getAttribute(n,"type"===n.toLowerCase()?1:2)}),r.attributes&&ut(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||ct("value",function(e,n,r){return r||"input"!==e.nodeName.toLowerCase()?t:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||ct(B,function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&i.specified?i.value:e[n]===!0?n.toLowerCase():null}),x.find=at,x.expr=at.selectors,x.expr[":"]=x.expr.pseudos,x.unique=at.uniqueSort,x.text=at.getText,x.isXMLDoc=at.isXML,x.contains=at.contains}(e);var O={};function F(e){var t=O[e]={};return x.each(e.match(T)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?O[e]||F(e):x.extend({},e);var n,r,i,o,a,s,l=[],u=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=l.length,n=!0;l&&o>a;a++)if(l[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,l&&(u?u.length&&c(u.shift()):r?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this},remove:function(){return l&&x.each(arguments,function(e,t){var r;while((r=x.inArray(t,l,r))>-1)l.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?x.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],o=0,this},disable:function(){return l=u=r=t,this},disabled:function(){return!l},lock:function(){return u=t,r||p.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!l||i&&!u||(t=t||[],t=[e,t.slice?t.slice():t],n?u.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=g.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?g.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,l,u;if(r>1)for(s=Array(r),l=Array(r),u=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(a(t,u,n)).fail(o.reject).progress(a(t,l,s)):--i;return i||o.resolveWith(u,n),o.promise()}}),x.support=function(t){var n,r,o,s,l,u,c,p,f,d=a.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="
a",n=d.getElementsByTagName("*")||[],r=d.getElementsByTagName("a")[0],!r||!r.style||!n.length)return t;s=a.createElement("select"),u=s.appendChild(a.createElement("option")),o=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t.getSetAttribute="t"!==d.className,t.leadingWhitespace=3===d.firstChild.nodeType,t.tbody=!d.getElementsByTagName("tbody").length,t.htmlSerialize=!!d.getElementsByTagName("link").length,t.style=/top/.test(r.getAttribute("style")),t.hrefNormalized="/a"===r.getAttribute("href"),t.opacity=/^0.5/.test(r.style.opacity),t.cssFloat=!!r.style.cssFloat,t.checkOn=!!o.value,t.optSelected=u.selected,t.enctype=!!a.createElement("form").enctype,t.html5Clone="<:nav>"!==a.createElement("nav").cloneNode(!0).outerHTML,t.inlineBlockNeedsLayout=!1,t.shrinkWrapBlocks=!1,t.pixelPosition=!1,t.deleteExpando=!0,t.noCloneEvent=!0,t.reliableMarginRight=!0,t.boxSizingReliable=!0,o.checked=!0,t.noCloneChecked=o.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!u.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}o=a.createElement("input"),o.setAttribute("value",""),t.input=""===o.getAttribute("value"),o.value="t",o.setAttribute("type","radio"),t.radioValue="t"===o.value,o.setAttribute("checked","t"),o.setAttribute("name","t"),l=a.createDocumentFragment(),l.appendChild(o),t.appendChecked=o.checked,t.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip;for(f in x(t))break;return t.ownLast="0"!==f,x(function(){var n,r,o,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",l=a.getElementsByTagName("body")[0];l&&(n=a.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",l.appendChild(n).appendChild(d),d.innerHTML="
t
",o=d.getElementsByTagName("td"),o[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===o[0].offsetHeight,o[0].style.display="",o[1].style.display="none",t.reliableHiddenOffsets=p&&0===o[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",x.swap(l,null!=l.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===d.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(a.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="
",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(l.style.zoom=1)),l.removeChild(n),n=d=o=r=null)}),n=s=l=u=r=o=null,t +}({});var B=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;function R(e,n,r,i){if(x.acceptData(e)){var o,a,s=x.expando,l=e.nodeType,u=l?x.cache:e,c=l?e[s]:e[s]&&s;if(c&&u[c]&&(i||u[c].data)||r!==t||"string"!=typeof n)return c||(c=l?e[s]=p.pop()||x.guid++:s),u[c]||(u[c]=l?{}:{toJSON:x.noop}),("object"==typeof n||"function"==typeof n)&&(i?u[c]=x.extend(u[c],n):u[c].data=x.extend(u[c].data,n)),a=u[c],i||(a.data||(a.data={}),a=a.data),r!==t&&(a[x.camelCase(n)]=r),"string"==typeof n?(o=a[n],null==o&&(o=a[x.camelCase(n)])):o=a,o}}function W(e,t,n){if(x.acceptData(e)){var r,i,o=e.nodeType,a=o?x.cache:e,s=o?e[x.expando]:x.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){x.isArray(t)?t=t.concat(x.map(t,x.camelCase)):t in r?t=[t]:(t=x.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;while(i--)delete r[t[i]];if(n?!I(r):!x.isEmptyObject(r))return}(n||(delete a[s].data,I(a[s])))&&(o?x.cleanData([e],!0):x.support.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}x.extend({cache:{},noData:{applet:!0,embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?x.cache[e[x.expando]]:e[x.expando],!!e&&!I(e)},data:function(e,t,n){return R(e,t,n)},removeData:function(e,t){return W(e,t)},_data:function(e,t,n){return R(e,t,n,!0)},_removeData:function(e,t){return W(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&x.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),x.fn.extend({data:function(e,n){var r,i,o=null,a=0,s=this[0];if(e===t){if(this.length&&(o=x.data(s),1===s.nodeType&&!x._data(s,"parsedAttrs"))){for(r=s.attributes;r.length>a;a++)i=r[a].name,0===i.indexOf("data-")&&(i=x.camelCase(i.slice(5)),$(s,i,o[i]));x._data(s,"parsedAttrs",!0)}return o}return"object"==typeof e?this.each(function(){x.data(this,e)}):arguments.length>1?this.each(function(){x.data(this,e,n)}):s?$(s,e,x.data(s,e)):null},removeData:function(e){return this.each(function(){x.removeData(this,e)})}});function $(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(P,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:B.test(r)?x.parseJSON(r):r}catch(o){}x.data(e,n,r)}else r=t}return r}function I(e){var t;for(t in e)if(("data"!==t||!x.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}x.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=x._data(e,n),r&&(!i||x.isArray(r)?i=x._data(e,n,x.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),a=function(){x.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return x._data(e,n)||x._data(e,n,{empty:x.Callbacks("once memory").add(function(){x._removeData(e,t+"queue"),x._removeData(e,n)})})}}),x.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?x.queue(this[0],e):n===t?this:this.each(function(){var t=x.queue(this,e,n);x._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=x.Deferred(),a=this,s=this.length,l=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=x._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(l));return l(),o.promise(n)}});var z,X,U=/[\t\r\n\f]/g,V=/\r/g,Y=/^(?:input|select|textarea|button|object)$/i,J=/^(?:a|area)$/i,G=/^(?:checked|selected)$/i,Q=x.support.getSetAttribute,K=x.support.input;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return e=x.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,l="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,l=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,r=0,o=x(this),a=e.match(T)||[];while(t=a[r++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===i||"boolean"===n)&&(this.className&&x._data(this,"__className__",this.className),this.className=this.className||e===!1?"":x._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(U," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=x.isFunction(e),this.each(function(n){var o;1===this.nodeType&&(o=i?e.call(this,n,x(this).val()):e,null==o?o="":"number"==typeof o?o+="":x.isArray(o)&&(o=x.map(o,function(e){return null==e?"":e+""})),r=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=x.valHooks[o.type]||x.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(V,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=x.find.attr(e,"value");return null!=t?t:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,l=0>i?s:o?i:0;for(;s>l;l++)if(n=r[l],!(!n.selected&&l!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),a=i.length;while(a--)r=i[a],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===i?x.prop(e,n,r):(1===s&&x.isXMLDoc(e)||(n=n.toLowerCase(),o=x.attrHooks[n]||(x.expr.match.bool.test(n)?X:z)),r===t?o&&"get"in o&&null!==(a=o.get(e,n))?a:(a=x.find.attr(e,n),null==a?t:a):null!==r?o&&"set"in o&&(a=o.set(e,r,n))!==t?a:(e.setAttribute(n,r+""),r):(x.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(T);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)?K&&Q||!G.test(n)?e[r]=!1:e[x.camelCase("default-"+n)]=e[r]=!1:x.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!x.isXMLDoc(e),a&&(n=x.propFix[n]||n,o=x.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var t=x.find.attr(e,"tabindex");return t?parseInt(t,10):Y.test(e.nodeName)||J.test(e.nodeName)&&e.href?0:-1}}}}),X={set:function(e,t,n){return t===!1?x.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&x.propFix[n]||n,n):e[x.camelCase("default-"+n)]=e[n]=!0,n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,n){var r=x.expr.attrHandle[n]||x.find.attr;x.expr.attrHandle[n]=K&&Q||!G.test(n)?function(e,n,i){var o=x.expr.attrHandle[n],a=i?t:(x.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return x.expr.attrHandle[n]=o,a}:function(e,n,r){return r?t:e[x.camelCase("default-"+n)]?n.toLowerCase():null}}),K&&Q||(x.attrHooks.value={set:function(e,n,r){return x.nodeName(e,"input")?(e.defaultValue=n,t):z&&z.set(e,n,r)}}),Q||(z={set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},x.expr.attrHandle.id=x.expr.attrHandle.name=x.expr.attrHandle.coords=function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&""!==i.value?i.value:null},x.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&r.specified?r.value:t},set:z.set},x.attrHooks.contenteditable={set:function(e,t,n){z.set(e,""===t?!1:t,n)}},x.each(["width","height"],function(e,n){x.attrHooks[n]={set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}}})),x.support.hrefNormalized||x.each(["href","src"],function(e,t){x.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),x.support.style||(x.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.support.enctype||(x.propFix.enctype="encoding"),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,n){return x.isArray(n)?e.checked=x.inArray(x(e).val(),n)>=0:t}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}function at(){try{return a.activeElement}catch(e){}}x.event={global:{},add:function(e,n,r,o,a){var s,l,u,c,p,f,d,h,g,m,y,v=x._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=x.guid++),(l=v.events)||(l=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof x===i||e&&x.event.triggered===e.type?t:x.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(T)||[""],u=n.length;while(u--)s=rt.exec(n[u])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),g&&(p=x.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=x.event.special[g]||{},d=x.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&x.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=l[g])||(h=l[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),x.event.global[g]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,l,u,c,p,f,d,h,g,m=x.hasData(e)&&x._data(e);if(m&&(c=m.events)){t=(t||"").match(T)||[""],u=t.length;while(u--)if(s=rt.exec(t[u])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=x.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));l&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||x.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)x.event.remove(e,d+t[u],n,r,!0);x.isEmptyObject(c)&&(delete m.handle,x._removeData(e,"events"))}},trigger:function(n,r,i,o){var s,l,u,c,p,f,d,h=[i||a],g=v.call(n,"type")?n.type:n,m=v.call(n,"namespace")?n.namespace.split("."):[];if(u=f=i=i||a,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+x.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),l=0>g.indexOf(":")&&"on"+g,n=n[x.expando]?n:new x.Event(g,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:x.makeArray(r,[n]),p=x.event.special[g]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!x.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(u=u.parentNode);u;u=u.parentNode)h.push(u),f=u;f===(i.ownerDocument||a)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((u=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(x._data(u,"events")||{})[n.type]&&x._data(u,"handle"),s&&s.apply(u,r),s=l&&u[l],s&&x.acceptData(u)&&s.apply&&s.apply(u,r)===!1&&n.preventDefault();if(n.type=g,!o&&!n.isDefaultPrevented()&&(!p._default||p._default.apply(h.pop(),r)===!1)&&x.acceptData(i)&&l&&i[g]&&!x.isWindow(i)){f=i[l],f&&(i[l]=null),x.event.triggered=g;try{i[g]()}catch(y){}x.event.triggered=t,f&&(i[l]=f)}return n.result}},dispatch:function(e){e=x.event.fix(e);var n,r,i,o,a,s=[],l=g.call(arguments),u=(x._data(this,"events")||{})[e.type]||[],c=x.event.special[e.type]||{};if(l[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((x.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,l),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],l=n.delegateCount,u=e.target;if(l&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(o=[],a=0;l>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?x(r,this).index(u)>=0:x.find(r,this,null,[u]).length),o[r]&&o.push(i);o.length&&s.push({elem:u,handlers:o})}return n.length>l&&s.push({elem:this,handlers:n.slice(l)}),s},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new x.Event(o),t=r.length;while(t--)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||a),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button,l=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||a,o=i.documentElement,r=i.body,e.pageX=n.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&l&&(e.relatedTarget=l===e.target?n.toElement:l),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==at()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===at()&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},click:{trigger:function(){return x.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=a.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},x.Event=function(e,n){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&x.extend(this,n),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,t):new x.Event(e,n)},x.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.submitBubbles||(x.event.special.submit={setup:function(){return x.nodeName(this,"form")?!1:(x.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=x.nodeName(n,"input")||x.nodeName(n,"button")?n.form:t;r&&!x._data(r,"submitBubbles")&&(x.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),x._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&x.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return x.nodeName(this,"form")?!1:(x.event.remove(this,"._submit"),t)}}),x.support.changeBubbles||(x.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(x.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),x.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),x.event.simulate("change",this,e,!0)})),!1):(x.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!x._data(t,"changeBubbles")&&(x.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||x.event.simulate("change",this.parentNode,e,!0)}),x._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return x.event.remove(this,"._change"),!Z.test(this.nodeName)}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&a.addEventListener(e,r,!0)},teardown:function(){0===--n&&a.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return x().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=x.guid++)),this.each(function(){x.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,x(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){x.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?x.event.trigger(e,n,r,!0):t}});var st=/^.[^:#\[\.,]*$/,lt=/^(?:parents|prev(?:Until|All))/,ut=x.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t,n=x(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(x.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e||[],!0))},filter:function(e){return this.pushStack(ft(this,e||[],!1))},is:function(e){return!!ft(this,"string"==typeof e&&ut.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],a=ut.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(a?a.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?x.inArray(this[0],x(e)):x.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return x.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(ct[e]||(i=x.unique(i)),lt.test(e)&&(i=i.reverse())),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!x(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(st.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return x.inArray(e,t)>=0!==n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/\s*$/g,At={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X
","
"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(Ft(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&_t(Ft(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&x.cleanData(Ft(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&x.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=d.apply([],e);var r,i,o,a,s,l,u=0,c=this.length,p=this,f=c-1,h=e[0],g=x.isFunction(h);if(g||!(1>=c||"string"!=typeof h||x.support.checkClone)&&Nt.test(h))return this.each(function(r){var i=p.eq(r);g&&(e[0]=h.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(l=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),r=l.firstChild,1===l.childNodes.length&&(l=r),r)){for(a=x.map(Ft(l,"script"),Ht),o=a.length;c>u;u++)i=l,u!==f&&(i=x.clone(i,!0,!0),o&&x.merge(a,Ft(i,"script"))),t.call(this[u],i,u);if(o)for(s=a[a.length-1].ownerDocument,x.map(a,qt),u=0;o>u;u++)i=a[u],kt.test(i.type||"")&&!x._data(i,"globalEval")&&x.contains(s,i)&&(i.src?x._evalUrl(i.src):x.globalEval((i.text||i.textContent||i.innerHTML||"").replace(St,"")));l=r=null}return this}});function Lt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function Ht(e){return e.type=(null!==x.find.attr(e,"type"))+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function _t(e,t){var n,r=0;for(;null!=(n=e[r]);r++)x._data(n,"globalEval",!t||x._data(t[r],"globalEval"))}function Mt(e,t){if(1===t.nodeType&&x.hasData(e)){var n,r,i,o=x._data(e),a=x._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)x.event.add(t,n,s[n][r])}a.data&&(a.data=x.extend({},a.data))}}function Ot(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!x.support.noCloneEvent&&t[x.expando]){i=x._data(t);for(r in i.events)x.removeEvent(t,r,i.handle);t.removeAttribute(x.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),x.support.html5Clone&&e.innerHTML&&!x.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Ct.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=0,i=[],o=x(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),x(o[r])[t](n),h.apply(i,n.get());return this.pushStack(i)}});function Ft(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||x.nodeName(o,n)?s.push(o):x.merge(s,Ft(o,n));return n===t||n&&x.nodeName(e,n)?x.merge([e],s):s}function Bt(e){Ct.test(e.type)&&(e.defaultChecked=e.checked)}x.extend({clone:function(e,t,n){var r,i,o,a,s,l=x.contains(e.ownerDocument,e);if(x.support.html5Clone||x.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(x.support.noCloneEvent&&x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(r=Ft(o),s=Ft(e),a=0;null!=(i=s[a]);++a)r[a]&&Ot(i,r[a]);if(t)if(n)for(s=s||Ft(e),r=r||Ft(o),a=0;null!=(i=s[a]);a++)Mt(i,r[a]);else Mt(e,o);return r=Ft(o,"script"),r.length>0&&_t(r,!l&&Ft(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,l,u,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===x.type(o))x.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),l=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[l]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!x.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!x.support.tbody){o="table"!==l||xt.test(o)?""!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)x.nodeName(u=o.childNodes[i],"tbody")&&!u.childNodes.length&&o.removeChild(u)}x.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),x.support.appendChecked||x.grep(Ft(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===x.inArray(o,r))&&(a=x.contains(o.ownerDocument,o),s=Ft(f.appendChild(o),"script"),a&&_t(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,l=x.expando,u=x.cache,c=x.support.deleteExpando,f=x.event.special;for(;null!=(n=e[s]);s++)if((t||x.acceptData(n))&&(o=n[l],a=o&&u[o])){if(a.events)for(r in a.events)f[r]?x.event.remove(n,r):x.removeEvent(n,r,a.handle); +u[o]&&(delete u[o],c?delete n[l]:typeof n.removeAttribute!==i?n.removeAttribute(l):n[l]=null,p.push(o))}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),x.fn.extend({wrapAll:function(e){if(x.isFunction(e))return this.each(function(t){x(this).wrapAll(e.call(this,t))});if(this[0]){var t=x(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+w+")(.*)$","i"),Yt=RegExp("^("+w+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+w+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=x._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=x._data(r,"olddisplay",ln(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&x._data(r,"olddisplay",i?n:x.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}x.fn.extend({css:function(e,n){return x.access(this,function(e,n,r){var i,o,a={},s=0;if(x.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=x.css(e,n[s],!1,o);return a}return r!==t?x.style(e,n,r):x.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){nn(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":x.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,l=x.camelCase(n),u=e.style;if(n=x.cssProps[l]||(x.cssProps[l]=tn(u,l)),s=x.cssHooks[n]||x.cssHooks[l],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:u[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(x.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||x.cssNumber[l]||(r+="px"),x.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(u[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{u[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,l=x.camelCase(n);return n=x.cssProps[l]||(x.cssProps[l]=tn(e.style,l)),s=x.cssHooks[n]||x.cssHooks[l],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||x.isNumeric(o)?o||0:a):a}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s.getPropertyValue(n)||s[n]:t,u=e.style;return s&&(""!==l||x.contains(e.ownerDocument,e)||(l=x.style(e,n)),Yt.test(l)&&Ut.test(n)&&(i=u.width,o=u.minWidth,a=u.maxWidth,u.minWidth=u.maxWidth=u.width=l,l=s.width,u.width=i,u.minWidth=o,u.maxWidth=a)),l}):a.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s[n]:t,u=e.style;return null==l&&u&&u[n]&&(l=u[n]),Yt.test(l)&&!zt.test(n)&&(i=u.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),u.left="fontSize"===n?"1em":l,l=u.pixelLeft+"px",u.left=i,a&&(o.left=a)),""===l?"auto":l});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=x.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=x.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=x.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=x.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=x.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function ln(e){var t=a,n=Gt[e];return n||(n=un(e,t),"none"!==n&&n||(Pt=(Pt||x(" + + + + + + \ No newline at end of file diff --git a/test/openDialog.html b/test/openDialog.html new file mode 100644 index 0000000..383c7da --- /dev/null +++ b/test/openDialog.html @@ -0,0 +1,88 @@ + + + + + test + + + + + + + + \ No newline at end of file diff --git a/test/show-element.html b/test/show-element.html new file mode 100644 index 0000000..7561e64 --- /dev/null +++ b/test/show-element.html @@ -0,0 +1,92 @@ + + + + + test + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + \ No newline at end of file diff --git a/test/show-event.html b/test/show-event.html new file mode 100644 index 0000000..481491b --- /dev/null +++ b/test/show-event.html @@ -0,0 +1,34 @@ + + + + + test + + + + + + + + \ No newline at end of file diff --git a/test/show.html b/test/show.html new file mode 100755 index 0000000..485f4ab --- /dev/null +++ b/test/show.html @@ -0,0 +1,44 @@ + + + + + test + + + + + + + + + \ No newline at end of file diff --git a/test/showModal.html b/test/showModal.html new file mode 100755 index 0000000..112e06d --- /dev/null +++ b/test/showModal.html @@ -0,0 +1,44 @@ + + + + + test + + + + + + + + + \ No newline at end of file diff --git a/test/title.html b/test/title.html new file mode 100755 index 0000000..fb7596e --- /dev/null +++ b/test/title.html @@ -0,0 +1,52 @@ + + + + + test + + + + + + + + + + + \ No newline at end of file From 7d96708b7fc9bb7491b500b4c52c212ea1a5e943 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com> Date: Sun, 8 Dec 2013 19:48:46 +0800 Subject: [PATCH 02/30] new artDialog! --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index eb090cd..bf8dbad 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,4 @@ # artDialog``v6`` -========================== artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。 From 7ac26d13960ff9ecd860eb05ef861440850af42d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com> Date: Sun, 8 Dec 2013 23:25:13 +0800 Subject: [PATCH 03/30] new artDialog --- css/ui-dialog.css | 59 ++++++++++++++++++++++---------------------- doc/index.html | 6 ++--- doc/index.md | 7 +++--- src/dialog-drag.js | 2 +- src/dialog-iframe.js | 2 +- src/dialog.js | 2 +- src/popup.js | 34 ++++++++++++------------- test/align.html | 51 +++++++++++++++++++------------------- 8 files changed, 81 insertions(+), 82 deletions(-) diff --git a/css/ui-dialog.css b/css/ui-dialog.css index 2fd7835..091fb96 100644 --- a/css/ui-dialog.css +++ b/css/ui-dialog.css @@ -1,7 +1,7 @@ /*! * artDialog v6.0.0 * Date: 2013-12-06 -* https://github.com/aui/artDialog6 +* https://github.com/aui/artDialog * (c) 2009-2013 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. @@ -227,22 +227,22 @@ .ui-popup-nw .ui-dialog, .ui-popup-n .ui-dialog, .ui-popup-ne .ui-dialog { - top: 8px; + top: -8px; } .ui-popup-sw .ui-dialog, .ui-popup-s .ui-dialog, .ui-popup-se .ui-dialog { - top: -8px; + top: 8px; } .ui-popup-wn .ui-dialog, .ui-popup-w .ui-dialog, .ui-popup-ws .ui-dialog { - left: 8px; + left: -8px; } .ui-popup-en .ui-dialog, .ui-popup-e .ui-dialog, .ui-popup-es .ui-dialog { - left: -8px; + left: 8px; } .ui-dialog-arrow-a, .ui-dialog-arrow-b { @@ -259,18 +259,18 @@ .ui-popup-nw .ui-dialog-arrow-a, .ui-popup-n .ui-dialog-arrow-a, .ui-popup-ne .ui-dialog-arrow-a { - top: -8px; - border-bottom:8px solid #999; - border-top:0 none; + bottom: -8px; + border-top:8px solid #999; + border-bottom:0 none; border-left:8px solid transparent; border-right:8px solid transparent; } .ui-popup-nw .ui-dialog-arrow-b, .ui-popup-n .ui-dialog-arrow-b, .ui-popup-ne .ui-dialog-arrow-b { - top: -7px; - border-bottom:8px solid #fff; - border-top:0 none; + bottom: -7px; + border-top:8px solid #fff; + border-bottom:0 none; border-left:8px solid transparent; border-right:8px solid transparent; } @@ -287,22 +287,21 @@ .ui-popup-ne .ui-dialog-arrow-b { right: 15px; } - .ui-popup-sw .ui-dialog-arrow-a, .ui-popup-s .ui-dialog-arrow-a, .ui-popup-se .ui-dialog-arrow-a { - bottom: -8px; - border-top:8px solid #999; - border-bottom:0 none; + top: -8px; + border-bottom:8px solid #999; + border-top:0 none; border-left:8px solid transparent; border-right:8px solid transparent; } .ui-popup-sw .ui-dialog-arrow-b, .ui-popup-s .ui-dialog-arrow-b, .ui-popup-se .ui-dialog-arrow-b { - bottom: -7px; - border-top:8px solid #fff; - border-bottom:0 none; + top: -7px; + border-bottom:8px solid #fff; + border-top:0 none; border-left:8px solid transparent; border-right:8px solid transparent; } @@ -322,18 +321,18 @@ .ui-popup-wn .ui-dialog-arrow-a, .ui-popup-w .ui-dialog-arrow-a, .ui-popup-ws .ui-dialog-arrow-a { - left: -8px; - border-right:8px solid #999; - border-left:0 none; + right: -8px; + border-left:8px solid #999; + border-right:0 none; border-top:8px solid transparent; border-bottom:8px solid transparent; } .ui-popup-wn .ui-dialog-arrow-b, .ui-popup-w .ui-dialog-arrow-b, .ui-popup-ws .ui-dialog-arrow-b { - left: -7px; - border-right:8px solid #fff; - border-left:0 none; + right: -7px; + border-left:8px solid #fff; + border-right:0 none; border-top:8px solid transparent; border-bottom:8px solid transparent; } @@ -353,18 +352,18 @@ .ui-popup-en .ui-dialog-arrow-a, .ui-popup-e .ui-dialog-arrow-a, .ui-popup-es .ui-dialog-arrow-a { - right: -8px; - border-left:8px solid #999; - border-right:0 none; + left: -8px; + border-right:8px solid #999; + border-left:0 none; border-top:8px solid transparent; border-bottom:8px solid transparent; } .ui-popup-en .ui-dialog-arrow-b, .ui-popup-e .ui-dialog-arrow-b, .ui-popup-es .ui-dialog-arrow-b { - right: -7px; - border-left:8px solid #fff; - border-right:0 none; + left: -7px; + border-right:8px solid #fff; + border-left:0 none; border-top:8px solid transparent; border-bottom:8px solid transparent; } diff --git a/doc/index.html b/doc/index.html index 5daba17..94cc66d 100644 --- a/doc/index.html +++ b/doc/index.html @@ -424,13 +424,13 @@

文档导航

引入 artDialog

-

在模块中引入 artDialog（支持 RequireJS 与 SeaJS）：

+

在模块中引入 artDialog（支持 RequireJS 与 SeaJS 加载）：

var dialog = require('./artDialog/src/dialog');
 //..
-

seajs加载示例

+

seajs加载示例（如果需要支持拖拽，请引用 dialog-drag.js）

全局依赖模块

@@ -1102,7 +1102,7 @@

示例

align

-

(默认值: "nw") 设置对话框与其他元素的对齐方式。

+

(默认值: "sw") 设置对话框与其他元素的对齐方式。

只针对show(elem)与showModal(elem)有效。可选的值：n nw ne s sw se w wn ws e en es。

diff --git a/doc/index.md b/doc/index.md index b996866..7010180 100755 --- a/doc/index.md +++ b/doc/index.md @@ -78,13 +78,14 @@ artDialog —— 经典的网页对话框组件，内外皆用心雕琢。 ## [引入 artDialog](id:module) -在模块中引入 artDialog（支持 RequireJS 与 SeaJS）： +在模块中引入 artDialog（支持 RequireJS 与 SeaJS 加载）： ``` var dialog = require('./artDialog/src/dialog'); //.. ``` -[seajs加载示例](../test/show.html) + +[seajs加载示例](../test/show.html)（如果需要支持拖拽，请引用 *dialog-drag.js*） ### 全局依赖模块 @@ -755,7 +756,7 @@ dialog({ ### [align](id:option-align) -(默认值: "nw") 设置对话框与其他元素的对齐方式。 +(默认值: "sw") 设置对话框与其他元素的对齐方式。 只针对``show(elem)``与``showModal(elem)``有效。可选的值：``n nw ne s sw se w wn ws e en es``。 diff --git a/src/dialog-drag.js b/src/dialog-drag.js index 2858a60..89dc24f 100644 --- a/src/dialog-drag.js +++ b/src/dialog-drag.js @@ -1,7 +1,7 @@ /*! * artDialog v6.0.0 - 拖拽插件 * Date: 2013-12-06 -* https://github.com/aui/artDialog6 +* https://github.com/aui/artDialog * (c) 2009-2013 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. diff --git a/src/dialog-iframe.js b/src/dialog-iframe.js index 295d36b..7ee9da2 100644 --- a/src/dialog-iframe.js +++ b/src/dialog-iframe.js @@ -1,7 +1,7 @@ /*! * artDialog v6.0.0 - iframe 插件 * Date: 2013-12-06 -* https://github.com/aui/artDialog6 +* https://github.com/aui/artDialog * (c) 2009-2013 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. diff --git a/src/dialog.js b/src/dialog.js index 5eec2b7..63a0289 100644 --- a/src/dialog.js +++ b/src/dialog.js @@ -1,7 +1,7 @@ /*! * artDialog v6.0.0 * Date: 2013-12-06 -* https://github.com/aui/artDialog6 +* https://github.com/aui/artDialog * (c) 2009-2013 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. diff --git a/src/popup.js b/src/popup.js index 74a4192..a32f673 100644 --- a/src/popup.js +++ b/src/popup.js @@ -114,7 +114,7 @@ $.extend(Popup.prototype, { /** 是否自动聚焦 */ autofocus: true, - align: 'nw', + align: 'sw', /** 设置遮罩背景颜色 */ backdropBackground: '#000', @@ -478,22 +478,19 @@ $.extend(Popup.prototype, { var className = 'ui-popup-'; var reverse = {n: 's', s: 'n', w: 'e', e: 'w'}; var name = {n: 'top', s: 'top', w: 'left', e: 'left'}; - - var pos = { - n: top + height, - s: top - popupHeight, - w: left + width, - e: left - popupWidth - }; - - var offset = { + var temp = [{ + n: top - popupHeight, + s: top + height, + w: left - popupWidth, + e: left + width + }, { n: top, s: top - popupHeight + height, w: left, e: left - popupWidth + width, left: left + width / 2 - popupWidth / 2, top: top + height / 2 - popupHeight / 2 - }; + }]; var range = { left: [minLeft, maxLeft], @@ -503,24 +500,25 @@ $.extend(Popup.prototype, { // 超出可视区域重新适应位置 $.each(align, function (i, val) { - if (pos[val] > range[name[val]][1]) { + if (temp[i][val] > range[name[val]][1]) { align[i] = reverse[val]; } - if (pos[val] < range[name[val]][0]) { + if (temp[i][val] < range[name[val]][0]) { align[i] = reverse[val]; - } + } }); // 一个参数的情况 if (!align[1]) { name[align[1]] = name[align[0]] === 'left' ? 'top' : 'left'; - offset[align[1]] = offset[name[align[1]]]; + temp[1][align[1]] = temp[1][name[align[1]]]; } - className += align.join(''); + align = align.join(''); + className += align; that.__clearFollow(); that.__followSkin = className; @@ -531,8 +529,8 @@ $.extend(Popup.prototype, { } - css[name[align[0]]] = pos[align[0]]; - css[name[align[1]]] = offset[align[1]]; + css[name[align[0]]] = temp[0][align[0]]; + css[name[align[1]]] = temp[1][align[1]]; popup.css(css); this.follow = anchor; diff --git a/test/align.html b/test/align.html index 9c0216a..4d43601 100644 --- a/test/align.html +++ b/test/align.html @@ -10,7 +10,7 @@ position: absolute; left: 50%; margin-left: -60px; - top: 50%; + top: 38%; margin-top: -40px; background: #e3f5ff; border:1px solid #abd3ea; @@ -22,58 +22,59 @@ position: absolute; cursor: pointer; } - #follow-elem .sw { + #follow-elem .nw { left: 14px; top: 0; } - #follow-elem .s { + #follow-elem .n { left: 50%; margin-left: -7px; top: 0; } - #follow-elem .se { + #follow-elem .ne { right: 14px; top: 0; } - #follow-elem .wn { + #follow-elem .en { right: 0; top: 14px; } - #follow-elem .w { + #follow-elem .e { right: 0; top: 50%; margin-top: -7px; } - #follow-elem .ws { + #follow-elem .es { right: 0; bottom: 14px; } - #follow-elem .ne { + #follow-elem .se { right: 14px; bottom: 0; } - #follow-elem .n { + #follow-elem .s { left: 50%; margin-left: -7px; bottom: 0; } - #follow-elem .nw { + #follow-elem .sw { left: 14px; bottom: 0; } - #follow-elem .es { + #follow-elem .ws { left: 0; bottom: 14px; } - #follow-elem .e { + #follow-elem .w { left: 0; top: 50%; margin-top: -7px; } - #follow-elem .en { + #follow-elem .wn { left: 0; top: 14px; } + code { color: #888; } @@ -85,24 +86,24 @@ 
var follow = document.getElementById('follow-elem');
 var d = dialog({
-	align: 'nw',
+	align: 'sw',
 	content: 'hello world'
 });
 d.show(follow);
- - - - - - - + - - - + + + + + + + + +
@@ -119,7 +120,7 @@ seajs.use(['jquery', '../src/dialog'], function ($, dialog) { var follow = $('#follow-elem')[0]; var d = dialog({ - align: 'nw', + align: 'sw', content: 'hello world' }); d.show(follow); From 62a5d5a7aa6dc0aa23f6d5621e4d8b243a56af0c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com> Date: Sun, 8 Dec 2013 23:41:57 +0800 Subject: [PATCH 04/30] new artDialog! --- doc/js/doc.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/js/doc.js b/doc/js/doc.js index 69b8125..551bd10 100644 --- a/doc/js/doc.js +++ b/doc/js/doc.js @@ -108,7 +108,7 @@ $(function () { // 加载拖拽插件 $('h1 code').one('click', function () { if (require.async) { - require.async('../../dialog-drag'); + require.async('../../src/dialog-drag'); } }); }); From 61609cc81f6f129dee68159f9f308205b598b221 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com> Date: Mon, 9 Dec 2013 00:24:12 +0800 Subject: [PATCH 05/30] new artDialog! --- README.md | 14 ++++++++++---- doc/index.html | 5 +++-- 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index bf8dbad..e923fcf 100644 --- a/README.md +++ b/README.md @@ -4,13 +4,11 @@ artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。 ## 用户 -四年来，有超过 40 万网站在使用 artDialog，其中包括： +四年来，有超过 40 万网站在使用 artDialog，其中不乏国内顶尖的产品： * [QQ空间 v8（腾讯）](http://qzone.qq.com) -* [QQ旋风（腾讯）](http://xf.qq.com) * [Phpcms（盛大）](http://www.phpcms.cn) * [极路由](http://www.hiwifi.com) -* [中国电信客服系统](http://www.189.cn) ## 文档与示例 @@ -18,4 +16,12 @@ artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。 ## 授权协议 -免费，且开源。基于[LGPL 协议或商业协议](./LICENSE.md)。 \ No newline at end of file +免费，且开源。基于[LGPL](./LICENSE.md)。 + +------------------ + +artDialog，献给那些和我一样热爱 web 技术的人们！ + +**支持开源：** + +[贡献代码](https://github.com/aui/artDialog) || [捐赠一杯咖啡](https://me.alipay.com/planeart) || [购买商业授权](./LICENSE.md) \ No newline at end of file diff --git a/doc/index.html b/doc/index.html index 94cc66d..fa01336 100644 --- a/doc/index.html +++ b/doc/index.html @@ -646,8 +646,9 @@

show([anchor])

示例

-
var d = dialog();
-d.content('hello world');
+
var d = dialog({
+    content: 'hello world'
+});
 d.show(document.getElementById('api-show'));
 

 

From bab93cdb76aa5db88afc9537bc16e73fcbca612e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Mon, 9 Dec 2013 10:39:35 +0800
Subject: [PATCH 06/30] new artDialog!

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e923fcf..81766a1 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。
 
 ------------------
 
-artDialog，献给那些和我一样热爱 web 技术的人们！
+artDialog，献给那些愿意为 web 极致体验付出的人们！
 
 **支持开源：**
 

From f2b1d0df7f1a0408446e58222fabbe9067f15e69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Tue, 10 Dec 2013 15:55:15 +0800
Subject: [PATCH 07/30] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20IE6=E3=80=817=20?=
 =?UTF-8?q?=E5=AE=9A=E4=BD=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/ui-dialog.css        |  1 -
 src/popup.js             | 19 ++++++++++---------
 test/align-overflow.html |  6 ++++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/css/ui-dialog.css b/css/ui-dialog.css
index 091fb96..ef41801 100644
--- a/css/ui-dialog.css
+++ b/css/ui-dialog.css
@@ -368,7 +368,6 @@
 	border-bottom:8px solid transparent;
 }
 .ui-popup-en .ui-dialog-arrow-a,
-.ui-popup-right .ui-dialog-arrow-a,
 .ui-popup-en .ui-dialog-arrow-b {
 	top: 15px;
 }
diff --git a/src/popup.js b/src/popup.js
index a32f673..25c035d 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -141,6 +141,7 @@ $.extend(Popup.prototype, {
         this.__activeElement = this.__getActive();
 
         this.open = true;
+        this.follow = anchor;
 
         popup
         .addClass('ui-popup-show')
@@ -177,7 +178,7 @@ $.extend(Popup.prototype, {
             this.__ready = true;
         }
 
-        this.reset(anchor).focus();
+        this.reset().focus();
         this.__dispatchEvent('show');
 
         return this;
@@ -248,9 +249,9 @@ $.extend(Popup.prototype, {
 
 
     /** 手动刷新位置 */
-    reset: function (anchor) {
+    reset: function () {
 
-        var elem = anchor || this.follow;
+        var elem = this.follow;
 
         if (elem) {
             this.__follow(elem);
@@ -500,13 +501,17 @@ $.extend(Popup.prototype, {
 
         // 超出可视区域重新适应位置
         $.each(align, function (i, val) {
+
+            // 超出右或下边界：使用左或者上边对齐
             if (temp[i][val] > range[name[val]][1]) {
-                align[i] = reverse[val];
+                val = align[i] = reverse[val];
             }
 
+            // 超出左或右边界：使用右或者下边对齐
             if (temp[i][val] < range[name[val]][0]) {
                 align[i] = reverse[val];
             }
+
         });
 
 
@@ -516,9 +521,7 @@ $.extend(Popup.prototype, {
             temp[1][align[1]] = temp[1][name[align[1]]];
         }
 
-
-        align = align.join('');
-        className += align;
+        className += align.join('');
 
         that.__clearFollow();
         that.__followSkin = className;
@@ -533,8 +536,6 @@ $.extend(Popup.prototype, {
         css[name[align[1]]] = temp[1][align[1]];
         popup.css(css);
 
-        this.follow = anchor;
-
     },
 
 
diff --git a/test/align-overflow.html b/test/align-overflow.html
index 602b897..62aa31a 100644
--- a/test/align-overflow.html
+++ b/test/align-overflow.html
@@ -5,7 +5,8 @@
 	test
 
 
-
+
+
 
 
 
 
 
 
+
+
+
+
+
\ No newline at end of file
diff --git a/test/openDialog.html b/test/openDialog.html
index 383c7da..5fe1d91 100644
--- a/test/openDialog.html
+++ b/test/openDialog.html
@@ -15,6 +15,7 @@
 });
 
 

From c1dffced32ce019aa497b6e40681125248b3ceae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Wed, 11 Dec 2013 21:11:22 +0800
Subject: [PATCH 12/30] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/index.html | 2 +-
 doc/index.md   | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/doc/index.html b/doc/index.html
index 227a873..df55d5a 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -1368,7 +1368,7 @@ 
示例

 
 

 
-
2013-12-07 | 文档使用 Mou 生成

+
artDialog v5 升级 v6 参考

 
 
 
diff --git a/doc/index.md b/doc/index.md
index 6e1b0b4..9ff73c1 100755
--- a/doc/index.md
+++ b/doc/index.md
@@ -1029,8 +1029,6 @@ d.show();
 ```
 
 =======================
-2013-12-11 | 文档使用 [Mou](http://mouapp.com) 生成
-
 [artDialog v5 升级 v6 参考](https://github.com/aui/artDialog/wiki/artDialog-v5升级v6参考)
 
 

From 6be30f1815c69bfc34190669574dd46f15284330 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Thu, 12 Dec 2013 00:44:31 +0800
Subject: [PATCH 13/30] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/popup.js | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/src/popup.js b/src/popup.js
index 0db523f..b670496 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -428,7 +428,7 @@ $.extend(Popup.prototype, {
         style.left = Math.max(parseInt(left), dl) + 'px';
         style.top = Math.max(parseInt(top), dt) + 'px';
 
-        this.__clearFollow();
+        popup.removeClass(this.__followSkin);
     },
     
     
@@ -526,7 +526,8 @@ $.extend(Popup.prototype, {
 
         className += align.join('-');
 
-        that.__clearFollow();
+
+        popup.removeClass(this.__followSkin);
         that.__followSkin = className;
 
 
@@ -535,23 +536,13 @@ $.extend(Popup.prototype, {
         }
 
         
-        css[name[align[0]]] = temp[0][align[0]];
-        css[name[align[1]]] = temp[1][align[1]];
+        css[name[align[0]]] = parseInt(temp[0][align[0]]);
+        css[name[align[1]]] = parseInt(temp[1][align[1]]);
         popup.css(css);
 
     },
 
 
-    // 清理定位缓存信息
-    __clearFollow: function () {
-        if (!this.follow) {
-            return;
-        }
-        this.__popup.removeClass(this.__followSkin);
-        delete this.follow;
-    },
-
-
     // 获取元素相对于页面的位置（包括iframe内的元素）
     // 暂时不支持两层以上的 iframe 套嵌
     __offset: function (anchor) {

From 0c198a2e284f7fe4cbc5a758fcbaf5615a559e54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Thu, 12 Dec 2013 00:56:00 +0800
Subject: [PATCH 14/30] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/doc/index.md b/doc/index.md
index 9ff73c1..b7a6c9e 100755
--- a/doc/index.md
+++ b/doc/index.md
@@ -223,6 +223,7 @@ window.openDialog = function (options) {
 	var follow = options.follow;
 	// 页面加载完毕的事件
 	var oniframeload = options.oniframeload;
+	// 使用 RequireJS 或 SeaJS 异步加载对话框模块
 	(window.require ? require : seajs.use)([
 		'../dialog',
 		'../dialog-iframe'
@@ -771,7 +772,7 @@ dialog({
 
 (默认值: "bottom left") 设置对话框与其他元素的对齐方式。
 
-如果``show(elem)``与``showModal(elem)`传入元素，``align``参数方可生效，支持如下对齐方式：
+如果``show(elem)``与``showModal(elem)``传入元素，``align``参数方可生效，支持如下对齐方式：
 
 * ``"top left"``
 * ``"top"``

From 2d7688c28ce9f176340d4366882e8d6dd78cf81b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Thu, 12 Dec 2013 00:56:31 +0800
Subject: [PATCH 15/30] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/doc/index.html b/doc/index.html
index df55d5a..0956984 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -559,6 +559,7 @@ 
创建 iframe 内容

     var follow = options.follow;
     // 页面加载完毕的事件
     var oniframeload = options.oniframeload;
+    // 使用 RequireJS 或 SeaJS 异步加载对话框模块
     (window.require ? require : seajs.use)([
         '../dialog',
         '../dialog-iframe'
@@ -1112,7 +1113,7 @@ 
align

 
 
(默认值: "bottom left") 设置对话框与其他元素的对齐方式。

 
-
如果show(elem)与showModal(elem)`传入元素，align``参数方可生效，支持如下对齐方式：

+
如果show(elem)与showModal(elem)传入元素，align参数方可生效，支持如下对齐方式：

 
 
    
 
  • "top left"
    • 

From bdbcf6b1c24d56285702767bed0445bab19fe65e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Sat, 14 Dec 2013 17:14:14 +0800
Subject: [PATCH 16/30] =?UTF-8?q?=E6=8A=BD=E7=A6=BB=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=88=B0=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md            |  14 +-
 css/ui-dialog.css    | 401 +++++++++++++++++++++----------------------
 doc/css/doc.css      |   8 +
 doc/index.html       |  11 +-
 doc/index.md         |   9 +-
 src/dialog-config.js |  94 ++++++++++
 src/dialog-drag.js   |  29 ++--
 src/dialog-iframe.js |  92 +++++-----
 src/dialog.js        | 109 ++----------
 src/drag.js          |  14 +-
 src/popup.js         |  27 +--
 11 files changed, 414 insertions(+), 394 deletions(-)
 create mode 100644 src/dialog-config.js

diff --git a/README.md b/README.md
index 81766a1..41411b8 100644
--- a/README.md
+++ b/README.md
@@ -14,14 +14,16 @@ artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。
 
 
 
-##	授权协议
+##	兼容性
+
+测试通过：IE6~IE11、Chrome、Firefox、Safari、Opera
 
-免费，且开源。基于[LGPL](./LICENSE.md)。
+##	授权协议
 
-------------------
+免费，且开源，基于[LGPL](./LICENSE.md)协议。
 
-artDialog，献给那些愿意为 web 极致体验付出的人们！
+##	支持开源
 
-**支持开源：**
+[贡献代码](https://github.com/aui/artDialog) || [捐赠一杯咖啡](https://me.alipay.com/planeart) || [商业授权](./LICENSE.md)
 
-[贡献代码](https://github.com/aui/artDialog) || [捐赠一杯咖啡](https://me.alipay.com/planeart) || [购买商业授权](./LICENSE.md)
\ No newline at end of file
+artDialog，献给那些愿意为 web 极致体验付出的人们！
\ No newline at end of file
diff --git a/css/ui-dialog.css b/css/ui-dialog.css
index 6df80d0..df6c652 100644
--- a/css/ui-dialog.css
+++ b/css/ui-dialog.css
@@ -1,164 +1,163 @@
 /*!
-* artDialog v6.0.0
-* Date: 2013-12-06
-* https://github.com/aui/artDialog
-* (c) 2009-2013 TangBin, http://www.planeArt.cn
-*
-* This is licensed under the GNU LGPL, version 2.1 or later.
-* For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
-*/
+ * artDialog v6.0.0 
+ * Date: 2013-12-13
+ * (c) 2009-2013 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
 .ui-dialog {
-	*zoom:1;
-	_float: left;
-	position: relative;
-	background-color: #FFF;
-	border: 1px solid #999;
-	border-radius: 6px;
-	outline: 0;
-	background-clip: padding-box;
-	font-family: Helvetica, arial, sans-serif;
-	font-size: 14px;
-	line-height: 1.428571429;
-	color: #333;
-	opacity: 0;
-	-webkit-transform: scale(0);
-	transform: scale(0);
-	-webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
-	transition: transform .15s ease-in-out, opacity .15s ease-in-out;
+    *zoom:1;
+    _float: left;
+    position: relative;
+    background-color: #FFF;
+    border: 1px solid #999;
+    border-radius: 6px;
+    outline: 0;
+    background-clip: padding-box;
+    font-family: Helvetica, arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.428571429;
+    color: #333;
+    opacity: 0;
+    -webkit-transform: scale(0);
+    transform: scale(0);
+    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
+    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
 }
 .ui-popup-show .ui-dialog {
-	opacity: 1;
-	-webkit-transform: scale(1);
-	transform: scale(1);
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
 }
 .ui-popup-focus .ui-dialog {
-	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
 }
 .ui-popup-modal .ui-dialog {
-	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
 }
 .ui-dialog-grid {
-	width: auto;
-	margin: 0;
-	border: 0 none;
-	border-collapse:collapse;
-	border-spacing: 0;
-	background: transparent;
+    width: auto;
+    margin: 0;
+    border: 0 none;
+    border-collapse:collapse;
+    border-spacing: 0;
+    background: transparent;
 }
 .ui-dialog-header,
 .ui-dialog-body,
 .ui-dialog-footer {
-	padding: 0;
-	border: 0 none;
-	text-align: left;
-	background: transparent;
+    padding: 0;
+    border: 0 none;
+    text-align: left;
+    background: transparent;
 }
 .ui-dialog-header {
-	white-space: nowrap;
-	border-bottom: 1px solid #E5E5E5;
+    white-space: nowrap;
+    border-bottom: 1px solid #E5E5E5;
 }
 .ui-dialog-close {
-	position: relative;
-	_position: absolute;
-	float: right;
-	top: 13px;
-	right: 13px;
-	_height: 26px;
-	padding: 0 4px;
-	font-size: 21px;
-	font-weight: bold;
-	line-height: 1;
-	color: #000;
-	text-shadow: 0 1px 0 #FFF;
-	opacity: .2;
-	filter: alpha(opacity=20);
-	cursor: pointer;
-	background: transparent;
-	_background: #FFF;
-	border: 0;
-	-webkit-appearance: none;
+    position: relative;
+    _position: absolute;
+    float: right;
+    top: 13px;
+    right: 13px;
+    _height: 26px;
+    padding: 0 4px;
+    font-size: 21px;
+    font-weight: bold;
+    line-height: 1;
+    color: #000;
+    text-shadow: 0 1px 0 #FFF;
+    opacity: .2;
+    filter: alpha(opacity=20);
+    cursor: pointer;
+    background: transparent;
+    _background: #FFF;
+    border: 0;
+    -webkit-appearance: none;
 }
 .ui-dialog-close:hover,
 .ui-dialog-close:focus {
-	color: #000000;
-	text-decoration: none;
-	cursor: pointer;
-	outline: 0;
-	opacity: 0.5;
-	filter: alpha(opacity=50);
+    color: #000000;
+    text-decoration: none;
+    cursor: pointer;
+    outline: 0;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
 }
 .ui-dialog-title {
-	margin: 0;
-	line-height: 1.428571429;
-	min-height: 16.428571429px;
-	padding: 15px;
-	overflow:hidden; 
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	font-weight: bold;
-	cursor: default;
+    margin: 0;
+    line-height: 1.428571429;
+    min-height: 16.428571429px;
+    padding: 15px;
+    overflow:hidden; 
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    cursor: default;
 }
 .ui-dialog-body {
-	padding: 20px;
-	text-align: center;
+    padding: 20px;
+    text-align: center;
 }
 .ui-dialog-content {
-	display: inline-block;
-	position: relative;
-	vertical-align: middle;
-	*zoom: 1;
-	*display: inline;
-	text-align: left;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    *zoom: 1;
+    *display: inline;
+    text-align: left;
 }
 .ui-dialog-footer {
-	padding: 0 20px 20px 20px;
+    padding: 0 20px 20px 20px;
 }
 .ui-dialog-statusbar {
-	float: left;
-	margin-right: 20px;
-	padding: 6px 0;
-	line-height: 1.428571429;
-	font-size: 14px;
-	color: #888;
-	white-space: nowrap;
+    float: left;
+    margin-right: 20px;
+    padding: 6px 0;
+    line-height: 1.428571429;
+    font-size: 14px;
+    color: #888;
+    white-space: nowrap;
 }
 .ui-dialog-statusbar label:hover {
-	color: #333;
+    color: #333;
 }
 .ui-dialog-statusbar input,
 .ui-dialog-statusbar .label {
-	vertical-align: middle;
+    vertical-align: middle;
 }
 .ui-dialog-button {
-	float: right;
-	white-space: nowrap;
+    float: right;
+    white-space: nowrap;
 }
 .ui-dialog-footer button+button {
-	margin-bottom: 0;
-	margin-left: 5px;
+    margin-bottom: 0;
+    margin-left: 5px;
 }
 .ui-dialog-footer button {
-	width:auto;
-	overflow:visible;
-	display: inline-block;
-	padding: 6px 12px;
-	_margin-left: 5px;
-	margin-bottom: 0;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 1.428571429;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: middle;
-	cursor: pointer;
-	background-image: none;
-	border: 1px solid transparent;
-	border-radius: 4px;
-	-webkit-user-select: none;
-	 -moz-user-select: none;
-	  -ms-user-select: none;
-	   -o-user-select: none;
-	      user-select: none;
+    width:auto;
+    overflow:visible;
+    display: inline-block;
+    padding: 6px 12px;
+    _margin-left: 5px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.428571429;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+       -o-user-select: none;
+          user-select: none;
 }
 
 .ui-dialog-footer button:focus {
@@ -234,185 +233,185 @@
 .ui-popup-top-left .ui-dialog,
 .ui-popup-top .ui-dialog,
 .ui-popup-top-right .ui-dialog {
-	top: -8px;
+    top: -8px;
 }
 .ui-popup-bottom-left .ui-dialog,
 .ui-popup-bottom .ui-dialog,
 .ui-popup-bottom-right .ui-dialog {
-	top: 8px;
+    top: 8px;
 }
 .ui-popup-left-top .ui-dialog,
 .ui-popup-left .ui-dialog,
 .ui-popup-left-bottom .ui-dialog {
-	left: -8px;
+    left: -8px;
 }
 .ui-popup-right-top .ui-dialog,
 .ui-popup-right .ui-dialog,
 .ui-popup-right-bottom .ui-dialog {
-	left: 8px;
+    left: 8px;
 }
 .ui-dialog-arrow-a,
 .ui-dialog-arrow-b {
-	position: absolute;
-	display: block;
-	width: 0;
-	height: 0;
-	overflow:hidden;
-	line-height:0;
-	font-size: 0;
-	_color:#FF3FFF;
-	_filter:chroma(color=#FF3FFF);
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    overflow:hidden;
+    line-height:0;
+    font-size: 0;
+    _color:#FF3FFF;
+    _filter:chroma(color=#FF3FFF);
 }
 .ui-popup-top-left .ui-dialog-arrow-a,
 .ui-popup-top .ui-dialog-arrow-a,
 .ui-popup-top-right .ui-dialog-arrow-a {
-	bottom: -8px;
-	border-top:8px solid #999;
-	border-bottom:0 none;
-	border-left:8px solid transparent;
-	border-right:8px solid transparent;
+    bottom: -8px;
+    border-top:8px solid #7C7C7C;
+    border-bottom:0 none;
+    border-left:8px solid transparent;
+    border-right:8px solid transparent;
 }
 .ui-popup-top-left .ui-dialog-arrow-b,
 .ui-popup-top .ui-dialog-arrow-b,
 .ui-popup-top-right .ui-dialog-arrow-b {
-	bottom: -7px;
-	border-top:8px solid #fff;
-	border-bottom:0 none;
-	border-left:8px solid transparent;
-	border-right:8px solid transparent;
+    bottom: -7px;
+    border-top:8px solid #fff;
+    border-bottom:0 none;
+    border-left:8px solid transparent;
+    border-right:8px solid transparent;
 }
 .ui-popup-top-left .ui-dialog-arrow-a,
 .ui-popup-top-left .ui-dialog-arrow-b  {
-	left: 15px;
+    left: 15px;
 }
 .ui-popup-top .ui-dialog-arrow-a,
 .ui-popup-top .ui-dialog-arrow-b  {
-	left: 50%;
-	margin-left: -8px;
+    left: 50%;
+    margin-left: -8px;
 }
 .ui-popup-top-right .ui-dialog-arrow-a,
 .ui-popup-top-right .ui-dialog-arrow-b {
-	right: 15px;
+    right: 15px;
 }
 .ui-popup-bottom-left .ui-dialog-arrow-a,
 .ui-popup-bottom .ui-dialog-arrow-a,
 .ui-popup-bottom-right .ui-dialog-arrow-a {
-	top: -8px;
-	border-bottom:8px solid #999;
-	border-top:0 none;
-	border-left:8px solid transparent;
-	border-right:8px solid transparent;
+    top: -8px;
+    border-bottom:8px solid #7C7C7C;
+    border-top:0 none;
+    border-left:8px solid transparent;
+    border-right:8px solid transparent;
 }
 .ui-popup-bottom-left .ui-dialog-arrow-b,
 .ui-popup-bottom .ui-dialog-arrow-b,
 .ui-popup-bottom-right .ui-dialog-arrow-b {
-	top: -7px;
-	border-bottom:8px solid #fff;
-	border-top:0 none;
-	border-left:8px solid transparent;
-	border-right:8px solid transparent;
+    top: -7px;
+    border-bottom:8px solid #fff;
+    border-top:0 none;
+    border-left:8px solid transparent;
+    border-right:8px solid transparent;
 }
 .ui-popup-bottom-left .ui-dialog-arrow-a,
 .ui-popup-bottom-left .ui-dialog-arrow-b {
-	left: 15px;
+    left: 15px;
 }
 .ui-popup-bottom .ui-dialog-arrow-a,
 .ui-popup-bottom .ui-dialog-arrow-b {
-	margin-left: -8px;
-	left: 50%;
+    margin-left: -8px;
+    left: 50%;
 }
 .ui-popup-bottom-right .ui-dialog-arrow-a,
 .ui-popup-bottom-right .ui-dialog-arrow-b {
-	right: 15px;
+    right: 15px;
 }
 .ui-popup-left-top .ui-dialog-arrow-a,
 .ui-popup-left .ui-dialog-arrow-a,
 .ui-popup-left-bottom .ui-dialog-arrow-a {
-	right: -8px;
-	border-left:8px solid #999;
-	border-right:0 none;
-	border-top:8px solid transparent;
-	border-bottom:8px solid transparent;
+    right: -8px;
+    border-left:8px solid #7C7C7C;
+    border-right:0 none;
+    border-top:8px solid transparent;
+    border-bottom:8px solid transparent;
 }
 .ui-popup-left-top .ui-dialog-arrow-b,
 .ui-popup-left .ui-dialog-arrow-b,
 .ui-popup-left-bottom .ui-dialog-arrow-b {
-	right: -7px;
-	border-left:8px solid #fff;
-	border-right:0 none;
-	border-top:8px solid transparent;
-	border-bottom:8px solid transparent;
+    right: -7px;
+    border-left:8px solid #fff;
+    border-right:0 none;
+    border-top:8px solid transparent;
+    border-bottom:8px solid transparent;
 }
 .ui-popup-left-top .ui-dialog-arrow-a,
 .ui-popup-left-top .ui-dialog-arrow-b {
-	top: 15px;
+    top: 15px;
 }
 .ui-popup-left .ui-dialog-arrow-a,
 .ui-popup-left .ui-dialog-arrow-b {
-	margin-top: -8px;
-	top: 50%;
+    margin-top: -8px;
+    top: 50%;
 }
 .ui-popup-left-bottom .ui-dialog-arrow-a,
 .ui-popup-left-bottom .ui-dialog-arrow-b {
-	bottom: 15px;
+    bottom: 15px;
 }
 .ui-popup-right-top .ui-dialog-arrow-a,
 .ui-popup-right .ui-dialog-arrow-a,
 .ui-popup-right-bottom .ui-dialog-arrow-a {
-	left: -8px;
-	border-right:8px solid #999;
-	border-left:0 none;
-	border-top:8px solid transparent;
-	border-bottom:8px solid transparent;
+    left: -8px;
+    border-right:8px solid #7C7C7C;
+    border-left:0 none;
+    border-top:8px solid transparent;
+    border-bottom:8px solid transparent;
 }
 .ui-popup-right-top .ui-dialog-arrow-b,
 .ui-popup-right .ui-dialog-arrow-b,
 .ui-popup-right-bottom .ui-dialog-arrow-b {
-	left: -7px;
-	border-right:8px solid #fff;
-	border-left:0 none;
-	border-top:8px solid transparent;
-	border-bottom:8px solid transparent;
+    left: -7px;
+    border-right:8px solid #fff;
+    border-left:0 none;
+    border-top:8px solid transparent;
+    border-bottom:8px solid transparent;
 }
 .ui-popup-right-top .ui-dialog-arrow-a,
 .ui-popup-right-top .ui-dialog-arrow-b {
-	top: 15px;
+    top: 15px;
 }
 .ui-popup-right .ui-dialog-arrow-a,
 .ui-popup-right .ui-dialog-arrow-b {
-	margin-top: -8px;
-	top: 50%;
+    margin-top: -8px;
+    top: 50%;
 }
 .ui-popup-right-bottom .ui-dialog-arrow-a,
 .ui-popup-right-bottom .ui-dialog-arrow-b {
-	bottom: 15px;
+    bottom: 15px;
 }
 
 
 @-webkit-keyframes ui-dialog-loading {
     0% {
-    	-webkit-transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
     }
     100% {
-    	-webkit-transform: rotate(360deg);
+        -webkit-transform: rotate(360deg);
     }
 }
 @keyframes ui-dialog-loading {
     0% {
-    	transform: rotate(0deg);
+        transform: rotate(0deg);
     }
     100% {
-    	transform: rotate(360deg);
+        transform: rotate(360deg);
     }
 }
 
 .ui-dialog-loading {
-	vertical-align: middle;
-	position: relative;
-	display: block;
-	*zoom: 1;
-	*display: inline;
-	overflow: hidden;
+    vertical-align: middle;
+    position: relative;
+    display: block;
+    *zoom: 1;
+    *display: inline;
+    overflow: hidden;
     width: 32px;
     height: 32px;
     top: 50%;
@@ -430,11 +429,11 @@
 }
 
 .ui-dialog-loading::after {
-	position: absolute;
-	content: '';
+    position: absolute;
+    content: '';
     width: 3px;
     height: 3px;
-	margin: 14.5px 0 0 14.5px;
+    margin: 14.5px 0 0 14.5px;
     border-radius: 100%;
     box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
     -webkit-transform: rotate(360deg);
diff --git a/doc/css/doc.css b/doc/css/doc.css
index a079626..ec9769d 100644
--- a/doc/css/doc.css
+++ b/doc/css/doc.css
@@ -20,6 +20,14 @@
 	border-bottom: 1px solid #E5E5E5;
 }
 
+
+.d-outer table,
+.d-outer table tr,
+.d-outer tr td,
+.d-outer tr:nth-child(2n) {
+	border: 0 none;
+}
+
 code.sh_sourceCode { color: #000000; font-weight: normal; font-style: normal; }
 code.sh_sourceCode .sh_keyword { color: #009; font-weight: bold; font-style: normal; }
 code.sh_sourceCode .sh_type { color: #0000ff; font-weight: normal; font-style: normal; }
diff --git a/doc/index.html b/doc/index.html
index 0956984..9b08db7 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -516,8 +516,6 @@ 
    阻止对话框关闭
    
 
    var d = dialog({
     title: '欢迎',
     content: '欢迎使用 artDialog 对话框组件！',
-    skin: 'ui-dialog-s',
-    padding: '25px 15px',
     ok: function () {
         var that = this;
         this.title('正在提交..');
@@ -995,11 +993,6 @@ 
    选项
    
  Boolean 
  (默认值: false) 是否禁用
 
-
-id 
- String, Number 
- (可选) 按钮唯一标识
-
 
 
 
@@ -1095,7 +1088,7 @@ 
    示例
    
 
 
    padding
    
 
-
    (默认值: 继承 css 文件设置) 设置消息内容与消息容器的填充边距，即 style padding属性
    
+
    (默认值: 继承 css 文件设置) 设置消息内容与消息容器的填充边距，即 style padding属性
    
 
 
    类型
    
 
@@ -1111,7 +1104,7 @@ 
    示例
    
 
 
    align
    
 
-
    (默认值: "bottom left") 设置对话框与其他元素的对齐方式。
    
+
    (默认值: "bottom left") 设置对话框与其他元素的对齐方式。
    
 
 
    如果show(elem)与showModal(elem)传入元素，align参数方可生效，支持如下对齐方式：
    
 
diff --git a/doc/index.md b/doc/index.md
index b7a6c9e..724a9a0 100755
--- a/doc/index.md
+++ b/doc/index.md
@@ -78,7 +78,7 @@ artDialog —— 经典的网页对话框组件，内外皆用心雕琢。
 	
 ##	[引入 artDialog](id:module)
 
-在模块中引入 artDialog（支持 RequireJS 与 SeaJS 加载）：
+在模块中引入 artDialog（使用 RequireJS 或 SeaJS 加载）：
 
 ```
 var dialog = require('./artDialog/src/dialog');
@@ -178,8 +178,6 @@ d.show();
 var d = dialog({
 	title: '欢迎',
 	content: '欢迎使用 artDialog 对话框组件！',
-	skin: 'ui-dialog-s',
-	padding: '25px 15px',
 	ok: function () {
 		var that = this;
 		this.title('正在提交..');
@@ -654,7 +652,6 @@ value | String | 按钮显示文本
 callback | Function | (可选) 回调函数``this``指向``dialog``对象，执行完毕默认关闭与销毁对话框（依次执行``close()``与``remove()``），若返回``false``则阻止关闭与销毁
 autofocus | Boolean | (默认值:``false``) 是否自动聚焦
 disabled | Boolean | (默认值: ``false``) 是否禁用
-id | String, Number | (可选) 按钮唯一标识
 
 ####	示例
 
@@ -753,7 +750,7 @@ dialog({
 
 ###	[padding](id:option-padding)
 
-(默认值: **继承 css 文件设置**) 设置消息内容与消息容器的填充边距，即 style ``padding``属性
+(默认值: *继承 css 文件设置*) 设置消息内容与消息容器的填充边距，即 style ``padding``属性
 
 ####	类型
 
@@ -770,7 +767,7 @@ dialog({
 
 ###	[align](id:option-align)
 
-(默认值: "bottom left") 设置对话框与其他元素的对齐方式。
+(默认值: ``"bottom left"``) 设置对话框与其他元素的对齐方式。
 
 如果``show(elem)``与``showModal(elem)``传入元素，``align``参数方可生效，支持如下对齐方式：
 
diff --git a/src/dialog-config.js b/src/dialog-config.js
new file mode 100644
index 0000000..9f13558
--- /dev/null
+++ b/src/dialog-config.js
@@ -0,0 +1,94 @@
+/*!
+ * artDialog v6.0.0 - 默认配置
+ * Date: 2013-12-13
+ * (c) 2009-2013 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
+define({
+
+    // 消息内容
+    content: 'Loading..',
+    
+    // 标题
+    title: '',
+
+    // 对话框状态栏区域 HTML 代码
+    statusbar: '',
+    
+    // 自定义按钮
+    button: null,
+    
+    // 确定按钮回调函数
+    ok: null,
+    
+    // 取消按钮回调函数
+    cancel: null,
+
+    // 确定按钮文本
+    okValue: 'ok',
+    
+    // 取消按钮文本
+    cancelValue: 'cancel',
+    
+    // 内容宽度
+    width: '',
+    
+    // 内容高度
+    height: '',
+    
+    // 内容与边界填充距离
+    padding: '',
+    
+    // 对话框自定义 className
+    skin: '',
+
+    // 是否支持快捷关闭（点击遮罩层自动关闭）
+    quickClose: false,
+
+    // 对齐方式
+    //align: 'bottom left',
+    
+    // 是否固定定位
+    //fixed: false,
+    
+    // 对话框叠加高度值(重要：此值不能超过浏览器最大限制)
+    //zIndex: 1024,
+
+    // 设置遮罩背景颜色
+    //backdropBackground: '#000',
+
+    // 设置遮罩透明度
+    //backdropOpacity: 0.7,
+
+    // css 文件路径
+    cssUri: '../css/ui-dialog.css',
+
+    // 模板（使用 table 解决 IE7 宽度自适应的 BUG）
+    innerHTML:
+        '
    '
+        +       '
    '
+        +       '
    '
+        +       ''
+        +           ''
+        +               ''
+        +           ''
+        +           ''
+        +               ''
+        +           ''
+        +           ''
+        +               ''
+        +           ''
+        +       '
    '
+        +                   ''
+        +                   '
    '
+        +               '
    '
+        +                   '
    '
+        +               '
    '
+        +                   '
    '
+        +                   '
    '
+        +               '
    '
+        +'
    '
+    
+});
\ No newline at end of file
diff --git a/src/dialog-drag.js b/src/dialog-drag.js
index 89dc24f..1da2374 100644
--- a/src/dialog-drag.js
+++ b/src/dialog-drag.js
@@ -1,25 +1,26 @@
 /*!
-* artDialog v6.0.0 - 拖拽插件
-* Date: 2013-12-06
-* https://github.com/aui/artDialog
-* (c) 2009-2013 TangBin, http://www.planeArt.cn
-*
-* This is licensed under the GNU LGPL, version 2.1 or later.
-* For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
-*/
+ * artDialog v6.0.0 - 支持推拽的版本
+ * Date: 2013-12-06
+ * https://github.com/aui/artDialog
+ * (c) 2009-2013 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
 define(function (require) {
 
 var $ = require('jquery');
 var Popup = require('./popup');
 var drag = require('./drag');
-var dialog = require('./dialog')
+var dialog = require('./dialog');
 
 Popup.oncreate = function (api) {
-	$(api.node).on(drag.types.start, '[i=title]', function (event) {
-		if (!api.follow) {
-			drag.create(api.node, event);
-		}
-	});
+    $(api.node).on(drag.types.start, '[i=header]', function (event) {
+        if (!api.follow) {
+            api.focus();
+            drag.create(api.node, event);
+        }
+    });
 };
 
 return dialog;
diff --git a/src/dialog-iframe.js b/src/dialog-iframe.js
index 7ee9da2..2f5b59d 100644
--- a/src/dialog-iframe.js
+++ b/src/dialog-iframe.js
@@ -1,12 +1,12 @@
 /*!
-* artDialog v6.0.0 - iframe 插件
-* Date: 2013-12-06
-* https://github.com/aui/artDialog
-* (c) 2009-2013 TangBin, http://www.planeArt.cn
-*
-* This is licensed under the GNU LGPL, version 2.1 or later.
-* For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
-*/
+ * artDialog v6.0.0 - iframe 插件
+ * Date: 2013-12-06
+ * https://github.com/aui/artDialog
+ * (c) 2009-2013 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
 define(function (require) {
 
 var $ = require('jquery');
@@ -14,57 +14,57 @@ var dialog = require('./dialog');
 
 return $.extend(function (options) {
 
-	options = options || {};
-	var url = options.url;
-	var oniframeload = options.oniframeload;
+    options = options || {};
+    var url = options.url;
+    var oniframeload = options.oniframeload;
 
-	options.padding = 0;
+    options.padding = 0;
 
-	var api = dialog(options);
-	var $iframe = $('
 
diff --git a/test/iframe-content.html b/test/iframe/dialog-content.html
similarity index 74%
rename from test/iframe-content.html
rename to test/iframe/dialog-content.html
index e33e709..aba0b51 100644
--- a/test/iframe-content.html
+++ b/test/iframe/dialog-content.html
@@ -6,8 +6,8 @@
 
 
 
    
-   
-
+   
+
 
 
+
+
 
 
+
    
+	
+
    
+
+
+
+
+
\ No newline at end of file
diff --git a/test/iframe/main.html b/test/iframe/main.html
new file mode 100644
index 0000000..0dd4e37
--- /dev/null
+++ b/test/iframe/main.html
@@ -0,0 +1,58 @@
+
+
+
+	
+	test
+
+
+ 
+
    
+
+
+
+
+
\ No newline at end of file
diff --git a/test/openDialog.html b/test/openDialog.html
deleted file mode 100644
index 5fe1d91..0000000
--- a/test/openDialog.html
+++ /dev/null
@@ -1,89 +0,0 @@
-
-
-
-	
-	test
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/test/show-element.html b/test/show-element.html
index 7561e64..7045e8e 100644
--- a/test/show-element.html
+++ b/test/show-element.html
@@ -69,7 +69,7 @@
 	
 	var d = dialog({
 		title: '定位到元素演示',
-		content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花',
+		content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花
    ——许巍《难忘的一天》',
 		okValue: '确 定',
 		ok: function () {},
 		cancel: function () {
@@ -83,6 +83,10 @@
 		d.show(this);
 	});
 
+	d.onremove = function () {
+		//alert('remove')
+	};
+
 	d.onshow = function () {
 		//console.log(this);
 	};
diff --git a/test/show.html b/test/show.html
index 485f4ab..3ab3963 100755
--- a/test/show.html
+++ b/test/show.html
@@ -22,7 +22,7 @@
 	$('button[data-event=test]').on('click', function () {
 		var d = dialog({
 			title: '消息',
-			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花',
+			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花
    ——许巍《难忘的一天》',
 			okValue: '确 定',
 			ok: function () {
 				var that = this;
diff --git a/test/showModal.html b/test/showModal.html
index 112e06d..e2181a4 100755
--- a/test/showModal.html
+++ b/test/showModal.html
@@ -22,7 +22,7 @@
 	$('button[data-event=test]').on('click', function () {
 		var d = dialog({
 			title: '消息',
-			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花',
+			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花
    ——许巍《难忘的一天》',
 			okValue: '确 定',
 			ok: function () {
 				var that = this;
diff --git a/test/title.html b/test/title.html
index 6c11005..c86c493 100755
--- a/test/title.html
+++ b/test/title.html
@@ -16,7 +16,6 @@
 
 
 
-
 
 

From 54daf34efe9cfb215b2c5f28888de2a59a4cc526 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Wed, 15 Jan 2014 11:35:40 +0800
Subject: [PATCH 27/30] =?UTF-8?q?follow=20=E9=85=8D=E7=BD=AE=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/popup.js     |  4 ++--
 test/follow.html | 45 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 test/follow.html

diff --git a/src/popup.js b/src/popup.js
index 01cef15..8444961 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -1,6 +1,6 @@
 /*!
  * popupjs
- * Date: 2013-12-15
+ * Date: 2014-01-15
  * https://github.com/aui/popupjs
  * (c) 2009-2013 TangBin, http://www.planeArt.cn
  *
@@ -150,7 +150,7 @@ $.extend(Popup.prototype, {
         this.__activeElement = this.__getActive();
 
         this.open = true;
-        this.follow = anchor;
+        this.follow = anchor || this.follow;
 
 
         if (!this.__ready) {
diff --git a/test/follow.html b/test/follow.html
new file mode 100644
index 0000000..a86600c
--- /dev/null
+++ b/test/follow.html
@@ -0,0 +1,45 @@
+
+
+
+	
+	test
+
+
+
+
+
+
+
+
+
\ No newline at end of file

From 5b6d07e86f37f7b6f24d0916f4f20a352197255d Mon Sep 17 00:00:00 2001
From: AS 
Date: Mon, 20 Jan 2014 15:19:58 +0800
Subject: [PATCH 28/30] =?UTF-8?q?=E7=BC=BA=E5=B0=91jquery?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

```
TypeError: $ is not a function


$(api.node).on(drag.types.start, '[i=title]', function (event) {
```
---
 src/dialog-plus.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/dialog-plus.js b/src/dialog-plus.js
index e28ffef..a4395ce 100644
--- a/src/dialog-plus.js
+++ b/src/dialog-plus.js
@@ -9,6 +9,7 @@
  */
 define(function (require) {
 
+var $ = require('jquery');
 var dialog = require('./dialog');
 var drag = require('./drag');
 
@@ -139,4 +140,4 @@ dialog.get = function (id) {
 
 return dialog;
 
-});
\ No newline at end of file
+});

From d22f8e9904d95f11b7cc4d50f02aef4b7bd8bb65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Sun, 16 Mar 2014 12:58:26 +0800
Subject: [PATCH 29/30] v6.0.1
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 进一步完善焦点管理，避免抢夺开发者自己设置的焦点#67
2. 修复对话框内容使用 html5 data-id 属性冲突的问题#78
3. 改善 Esc 快捷键与 cancel 的问题#36
---
 README.md       | 18 +++++++++++++++++-
 test/focus.html | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 test/focus.html

diff --git a/README.md b/README.md
index 66dd308..813aa81 100644
--- a/README.md
+++ b/README.md
@@ -18,11 +18,27 @@ artDialog v6 —— 经典的网页对话框组件，内外皆用心雕琢。
 
 测试通过：IE6-IE11、Chrome、Firefox、Safari、Opera
 
+##	更新历史
+
+6.0.1
+
+1. 进一步完善焦点管理，避免抢夺开发者自己设置的焦点[#67](https://github.com/aui/artDialog/issues/67)
+2. 修复对话框内容使用 html5 data-id 属性冲突的问题[#78](https://github.com/aui/artDialog/issues/78)
+3. 改善 Esc 快捷键与 cancel 的问题[#36](https://github.com/aui/artDialog/issues/36)
+
+6.0.0
+
+1. 功能增强：支持定义左下角的区域 HTML、支持 12 个方向的气泡对话框、支持无标题栏与按钮区的对话框
+2. 更好的交互体验：更加先进的焦点管理，支持无障碍访问
+3. 面向未来：基于 HTML5 Dialog 的 API
+4. 模块化：支持 AMD、CMD 规范
+5. 可选增强插件：拖拽支持、简化框架页面调用
+
 ##	授权协议
 
 免费，且开源，基于[LGPL](./LICENSE.md)协议。
 
-##	支持开源
+##	支持我们
 
 [贡献代码](https://github.com/aui/artDialog) || [捐赠一杯咖啡](https://me.alipay.com/planeart) || [商业授权](./LICENSE.md)
 
diff --git a/test/focus.html b/test/focus.html
new file mode 100644
index 0000000..c5690f7
--- /dev/null
+++ b/test/focus.html
@@ -0,0 +1,40 @@
+
+
+
+	
+	test
+
+
+ 
+
+
+
+
+
+
\ No newline at end of file

From 4851d36c5b00d9acea49b3e0a04c1d0f3e120a4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=96=8C?= <1987.tangbin@gmail.com>
Date: Sun, 16 Mar 2014 13:00:21 +0800
Subject: [PATCH 30/30] v6.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cf56e57..70b76a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "artDialog",
-    "version": "6.0.0-rc1",
+    "version": "6.0.1",
     "readmeFilename": "README.md",
     "description": "经典的网页对话框组件，内外皆用心雕琢",
     "homepage": "https://github.com/aui/artDialog",