☰

tieba.ui

贴吧对话框 for GreaseMonkey 2.x

Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta // @require https://update.greatest.deepsurf.us/scripts/2657/7292/tiebaui.js 

  1. /**
  2.  * @package org.jixun.tieba.ui
  3.  * @author  jixun
  4.  * @source  http://tb1.bdstatic.com/tb/static-common/lib/tb_lib_04e7791.js
  5.  */
  6.  
  7. // Debugging
  8. // var unsafeWindow = window;
  9.  
  10. // 配置项目参见 $.dialog.setting 的值
  11. // new $.dialog ( { 配置 } )
  12.  
  13. // 静态函数已经在相关函数注释了
  14. // $.dialog.open
  15. // $.dialog.ask
  16. // ...
  17.  
  18. (function ($) {
  19. 	$.fn.draggable = function(opt) {
  20. 		var $that = this;
  21. 		opt = $.extend({
  22. 			handle: $that,
  23. 			start: $.noop,
  24. 			stop: $.noop
  25. 		}, opt);
  26.  
  27. 		var _element = $that[0],
  28. 			_elementParent = $that.parent()[0];
  29.  
  30. 		var _getPos = function (ele) {
  31. 			var addOn = ele.offsetParent != _elementParent && ele.offsetParent
  32. 				? _getPos (ele.offsetParent)
  33. 				: {x: 0, y: 0};
  34.  
  35. 			return {
  36. 				x: ele.offsetLeft + addOn.x,
  37. 				y: ele.offsetTop + addOn.y
  38. 			};
  39. 		};
  40.  
  41. 		var baseOffset, offset, isDrag;
  42. 		var _mouseDown = function (e) {
  43. 			baseOffset = _getPos (_element);
  44. 			offset = {
  45. 				x: e.pageX,
  46. 				y: e.pageY
  47. 			};
  48.  
  49. 			isDrag = true;
  50. 			e.preventDefault();
  51. 			opt.start();
  52. 		}, _mouseUp = function () {
  53. 			isDrag = false;
  54. 			opt.stop ();
  55. 		}, _mouseMove = function (e) {
  56. 			if (!isDrag) return;
  57.  
  58. 			$that.css ({
  59. 				left: baseOffset.x + e.pageX - offset.x,
  60. 				top : baseOffset.y + e.pageY - offset.y
  61. 			});
  62. 		};
  63.  
  64. 		opt.handle.on('mousedown', _mouseDown);
  65. 		$(document)
  66. 			.on ('mousemove', _mouseMove)
  67. 			.on ('mouseup',   _mouseUp);
  68.  
  69. 		return function () {
  70. 			opt.handle.off ('mousedown', _mouseDown);
  71. 			$(document)
  72. 				.off ('mousemove', _mouseMove)
  73. 				.off ('mouseup',   _mouseUp);
  74. 		};
  75. 	};
  76.  
  77. 	$.getzIndex = function () {
  78. 		$.zIndex = $.zIndex || 50000;
  79. 		return $.zIndex ++;
  80. 	};
  81.  
  82. 	var $modal = function (opts) {
  83. 		var that = this;
  84. 		this.cfg = $.extend({}, {
  85. 			className: "dialogJmodal",
  86. 			resizeable: true
  87. 		}, opts);
  88.  
  89. 		this.element =
  90. 			$('<div>')
  91. 				.addClass(this.cfg.className)
  92. 				.appendTo(document.body)
  93. 				.css({
  94. 					display: "none",
  95. 					zIndex: $.getzIndex(),
  96. 					width: this.width(),
  97. 					height: this.height()
  98. 				});
  99.  
  100. 		if (this.cfg.show)
  101. 			this.show ();
  102.  
  103. 		this.resizeFunc = function () {
  104. 			that.css({
  105. 				width: that.width (),
  106. 				height: that.height ()
  107. 			});
  108.  
  109. 			that.triggerHandler("resize");
  110. 		};
  111.  
  112. 		if (this.cfg.resizeable) {
  113. 			$(unsafeWindow).on("resize", this.resizeFunc);
  114. 		}
  115. 	};
  116.  
  117.  
  118.  
  119. 	$modal.prototype = {
  120. 		constructor: $modal,
  121.  
  122. 		show: function () {
  123. 			this.element.show.apply(this.element, arguments);
  124. 		},
  125.  
  126. 		hide: function () {
  127. 			this.element.hide.apply(this.element, arguments);
  128. 		},
  129.  
  130. 		width: function () {
  131. 			return $(unsafeWindow).width();
  132. 		},
  133.  
  134. 		height: function () {
  135. 			return Math.max($("body").height(), $("html").height());
  136. 		},
  137.  
  138. 		css: function () {
  139. 			return this.element.css.apply(this.element, arguments);
  140. 		},
  141.  
  142. 		triggerHandler: function () {
  143. 			this.element.triggerHandler.apply(this.element, arguments);
  144. 		},
  145.  
  146. 		bind: function () {
  147. 			this.element.on.apply(this.element, arguments);
  148. 		},
  149.  
  150. 		remove: function () {
  151. 			if (this.element) {
  152. 				this.element.remove();
  153. 			}
  154. 			$(unsafeWindow).off("resize", this.resizeFunc);
  155. 			for (var t in this) {
  156. 				if (this.hasOwnProperty(t)) {
  157. 					delete this[t];
  158. 				}
  159. 			}
  160. 		}
  161.  
  162. 		// _processTages 移除
  163. 		// 因为全部都是兼容 IE 用代码。
  164.  
  165. 	};
  166.  
  167. 	$.modal = $modal;
  168.  
  169. 	var lstEvents = ["onaccept", "oncancel", "onclose", "onresize", "onhide"];
  170. 	
  171. 	var $dialog = function (dialogOpts) {
  172. 		var that = this;
  173. 		var cbOnResize = function () {
  174. 			
  175. 			if (!that.dragged) {
  176. 				that.element.triggerHandler("onresize");
  177. 				
  178. 				if (that.sizeTimer)
  179. 					clearTimeout(that.sizeTimer);
  180. 				
  181. 				that.sizeTimer = setTimeout(that.setPosition.on(that), 5)
  182. 			}
  183. 		};
  184.  
  185. 		$dialog.INST.push(this);
  186. 		
  187. 		this.cfg = $.extend({}, $dialog.setting, dialogOpts);
  188. 		if (!this.cfg.showTitle)
  189. 			this.cfg.draggable =  false;
  190. 		
  191. 		if (null != this.cfg.top || null != this.cfg.left) {
  192. 			this.cfg.autoCenter = false;
  193. 		}
  194.  
  195. 		var dialogClass = "dialogJ dialogTiebaUi";
  196.  
  197. 		if (this.cfg.holderClassName)
  198. 			dialogClass += " " + this.cfg.holderClassName;
  199.  
  200. 		if (this.cfg.fixed)
  201. 			dialogClass += " dialogJfix";
  202.  
  203. 		if (this.cfg.showShadow)
  204. 			dialogClass += " dialogJshadow";
  205.  
  206. 		if (this.cfg.modal) {
  207. 			var modalArg = {};
  208.  
  209. 			if (this.cfg.modalClassName)
  210. 				modalArg.className = this.cfg.modalClassName;
  211.  
  212. 			this.modal = new $.modal(modalArg);
  213. 		}
  214.  
  215. 		this.element =
  216. 			$('<div class="' + dialogClass + '"></div>')
  217. 				.hide ()
  218. 				.css({
  219. 					zIndex: $.getzIndex()
  220. 				}).appendTo(document.body);
  221.  
  222. 		this.elementWrapper = $('<div>').addClass('uiDialogWrapper').appendTo(this.element);
  223.  
  224. 		// 准备对话框标题
  225. 		this._setupTitleBar();
  226. 		this.setTitle(this.cfg.title);
  227. 		this._setupNoTitle();
  228.  
  229. 		// 准备对话框内容
  230. 		this._setupContent();
  231. 		if ('iframe' === this.cfg.contentType) {
  232. 			this.cfg.html = $("<iframe>").css({
  233. 				width: "100%",
  234. 				height: "100%",
  235. 				border: "none"
  236. 			}).attr({
  237. 				src: this.cfg.html
  238. 			});
  239. 		}
  240. 		this.setContent(this.cfg.html);
  241.  
  242. 		// 设定对话框宽、高
  243. 		// Jixun: 设定默认 400x80 的宽高。
  244. 		this.width(this.cfg.width);
  245. 		this.height(this.cfg.height);
  246. 		this.setPosition(this.cfg.left, this.cfg.top);
  247.  
  248. 		if (this.cfg.show)
  249. 			this.show();
  250.  
  251. 		if (this.cfg.autoCenter )
  252. 			$(unsafeWindow).on("resize", cbOnResize);
  253.  
  254. 		// 设定拖动
  255. 		this._setScroll ();
  256. 		$.each (lstEvents, function (i, eventName) {
  257. 			if (that.cfg[eventName]) {
  258. 				that.on(eventName, that.cfg[eventName]);
  259. 			}
  260. 		});
  261.  
  262. 		if (this.cfg.escable)
  263. 			this._setupEscKey();
  264.  
  265. 		// 关闭对话框
  266. 		this.close = function () {
  267. 			// 如果拒绝关闭则返回
  268. 			if (that.element.triggerHandler("onclose") ===  false)
  269. 				return false;
  270.  
  271. 			// 取消绑定 resize 事件
  272. 			$(unsafeWindow).off("resize", cbOnResize);
  273.  
  274. 			// 移除 modal
  275. 			if (that.modal)
  276. 				that.modal.remove();
  277.  
  278. 			that._setScroll(true);
  279. 			that.element.remove();
  280.  
  281. 			for (var t = 0; t < $dialog.INST.length; t++) {
  282. 				if ($dialog.INST[t] == that) {
  283. 					$dialog.INST.splice(t, 1);
  284. 					break;
  285. 				}
  286. 			}
  287.  
  288. 			return true;
  289. 		}
  290. 	};
  291. 	
  292.  
  293. 	$.extend($dialog, {
  294. 		/**
  295. 		 * 启动一个基本对话框
  296. 		 * @param content   对话框内容
  297. 		 * @param opts      其它传参
  298. 		 * @returns {$dialog}
  299. 		 */
  300. 		open: function (content, opts) {
  301. 			return (new $dialog($.extend({}, opts, {html: content})));
  302. 		},
  303.  
  304. 		/**
  305. 		 * 创建一个询问对话框
  306. 		 * @param html          对话框内容
  307. 		 * @param arrAnswers    回答按钮内容
  308. 		 *
  309. 		 * @param callback      两个参数, 原型如下:
  310. 		 *                      callback (i, $dialog)
  311. 		 *                      i 为回答按钮序号, $dialog 为对话框本体
  312. 		 *                      this 绑定为 $(按钮)。
  313. 		 *
  314. 		 * @param opts          创建时传递给 $dialog / $modal 的参数
  315. 		 * @returns {}
  316. 		 */
  317. 		ask: function (html, arrAnswers, callback, opts) {
  318. 			if (!opts) opts = {};
  319.  
  320. 			var _$dialog = new $dialog($.extend({modal: true}, opts, {html: html || "", show: true}));
  321.  
  322. 			if ($.isArray(arrAnswers) && arrAnswers.length) {
  323. 				var answerContainer = $('<div>')
  324. 					.addClass('dialogJanswers')
  325. 					.appendTo(_$dialog.elementWrapper);
  326.  
  327. 				$(arrAnswers).each (function (i, val) {
  328. 					//answerContainer.append ($('<input>').val(val).addClass('dialogJbtn').attr('type', 'button'))
  329. 					//	.append (' ');
  330.  
  331. 					// 下面这个的按钮有蓝色样式
  332. 					answerContainer
  333. 						.append (
  334. 							$('<a>').addClass('ui_btn ui_btn_m').append($('<span>').append('<em>').text(val))
  335. 								.click (function () {
  336. 									if (false !== callback.call(this, i, _$dialog))
  337. 										_$dialog.close();
  338. 								})
  339. 						);
  340. 				});
  341.  
  342. 				_$dialog.buttons = $("input", answerContainer);
  343. 			}
  344. 			_$dialog.setPosition();
  345.  
  346. 			if (opts.show)
  347. 				_$dialog.show();
  348. 			return _$dialog;
  349. 		},
  350.  
  351. 		/**
  352. 		 * 显示一条警告框
  353. 		 * @param message           警告消息
  354. 		 * @param [opts]            $modal / $dialog 参数
  355. 		 * @param opts.acceptValue 「确定」按钮标题
  356. 		 * @returns {$dialog}
  357. 		 */
  358. 		alert: function (message, opts) {
  359. 			var extOpts = $.extend({}, opts || {});
  360. 			return $dialog.ask(message, [extOpts.acceptValue || "确定"], function (e, t) {
  361. 				return t.element.triggerHandler(lstEvents[e], this)
  362. 			}, extOpts)
  363. 		},
  364.  
  365. 		/**
  366. 		 * 显示一个确认框
  367. 		 * @param message           确认的消息
  368. 		 * @param [opts]            $modal / $dialog 参数
  369. 		 * @param opts.acceptValue  「确定」按钮标题
  370. 		 * @returns {$dialog}
  371. 		 */
  372. 		confirm: function (message, opts) {
  373. 			var extOpts = $.extend({}, opts || {});
  374. 			return $dialog.ask(message, [extOpts.acceptValue || "确定", extOpts.cancelValue || "取消"], function (e, t) {
  375. 				return t.element.triggerHandler(lstEvents[e], this)
  376. 			}, extOpts)
  377. 		},
  378.  
  379. 		/**
  380. 		 * 显示一个定时警告框
  381. 		 * @param message               显示的消息
  382. 		 * @param callback              回调, 无参数
  383. 		 * @param [opts]                参数集合
  384. 		 * @param opts.acceptValue      「确定」按钮标题
  385. 		 * @param {Boolean} opts.button 是否显示确定按钮
  386. 		 * @param opts.time             等待时长
  387. 		 * @returns {*}
  388. 		 */
  389. 		assert: function (message, callback, opts) {
  390. 			var extOpts = $.extend({button: true}, opts || {});
  391.  
  392. 			if (2 == arguments.length) {
  393. 				extOpts = callback;
  394. 				callback = $.noop;
  395. 			}
  396.  
  397. 			var $dialogAsk = $dialog.ask(
  398. 					message,
  399. 					extOpts.button ? [extOpts.acceptValue || "确定"] : [],
  400. 					function (i, $dialog) {
  401. 						return $dialog.element.triggerHandler(lstEvents[i], this)
  402. 					},
  403. 					extOpts
  404. 				);
  405.  
  406. 			setTimeout(function () {
  407. 				if ($dialogAsk && $dialogAsk.close)
  408. 					$dialogAsk.close();
  409.  
  410. 				if (callback)
  411. 					callback();
  412.  
  413. 			}, parseInt(extOpts.time) || 2000);
  414.  
  415. 			return $dialogAsk;
  416. 		},
  417.  
  418. 		/**
  419. 		 * 远端加载一个页面并显示其内容
  420. 		 * @param url           目标地址
  421. 		 * @param opts          选项
  422. 		 * @param opts.filter   页面内容选择器
  423. 		 * @param opts.cache    参见 jQuery.ajax
  424. 		 * @param opts.type     参见 jQuery.ajax
  425. 		 * @returns {$dialog}
  426. 		 */
  427. 		load: function (url, opts) {
  428. 			opts = opts || {};
  429. 			var _$dialog = new $dialog(opts);
  430. 			var requestObj = {
  431. 				url: url,
  432. 				type: "GET",
  433. 				dataType: "html",
  434. 				cache: false,
  435. 				success: function (html) {
  436. 					if (opts.filter)
  437. 						html = $(opts.filter, html);
  438.  
  439. 					_$dialog.setContent(html);
  440. 				}
  441. 			};
  442.  
  443. 			$.each(["type", "cache"], function (i, str) {
  444. 				if (opts.hasOwnProperty(str)) {
  445. 					requestObj[str] = opts[str];
  446. 					delete opts[str];
  447. 				}
  448. 			});
  449.  
  450. 			$.ajax(requestObj);
  451. 			return _$dialog;
  452. 		},
  453.  
  454. 		/**
  455. 		 * 关闭所有开启的对话框
  456. 		 */
  457. 		close: function () {
  458. 			for (var i = 0; i < this.INST.length; i++) {
  459. 				// 如果拒绝关闭, i-- 然后继续枚举关闭过程
  460. 				if (false !== this.INST[i].close()) {
  461. 					i--;
  462. 				}
  463. 			}
  464. 		},
  465.  
  466. 		setting: {
  467. 			modal: true,
  468. 			showShadow: true,
  469. 			showTitle: true,
  470. 			noTitle: false,
  471.  
  472. 			// 默认 400 x 80
  473. 			width: 400,
  474. 			height: 80,
  475. 			fixed: true,
  476. 			left: null,
  477. 			top: null,
  478. 			show: true,
  479. 			closeable: true,
  480. 			hideOnclose: false,
  481. 			draggable: true,
  482. 			contentType: null,
  483. 			resizeable: false,
  484. 			closeTips: null,
  485. 			escable: true,
  486. 			scrollable: true,
  487. 			modalClassName: null,
  488. 			autoCenter: true,
  489. 			html: null,
  490. 			minWidth: 200,
  491. 			minHeight: 100,
  492. 			maxWidth: null,
  493. 			maxHeight: null
  494. 		}
  495. 	});
  496.  
  497. 	$dialog.prototype = {
  498. 		constructor: $dialog,
  499.  
  500. 		/**
  501. 		 * 擦除原始标题并设定新标题
  502. 		 * 可以为 jQuery 对象、DOM 对象
  503. 		 * @param newTitle
  504. 		 */
  505. 		setTitle: function (newTitle) {
  506. 			this.element.find(".dialogJtitle>span.dialogJtxt").html(newTitle || "");
  507. 		},
  508.  
  509. 		/**
  510. 		 * 擦除原始内容并设定新内容
  511. 		 * 可以为 jQuery 对象、DOM 对象
  512. 		 * @param newContent
  513. 		 */
  514. 		setContent: function (newContent) {
  515. 			newContent && this.element.find(".dialogJbody").html(newContent);
  516. 		},
  517.  
  518. 		/**
  519. 		 * 设定新宽度
  520. 		 * @param newWidth
  521. 		 * @returns {*}
  522. 		 */
  523. 		width: function (newWidth) {
  524. 			return this.element.css("width", newWidth);
  525. 		},
  526.  
  527. 		/**
  528. 		 * 设定新高度
  529. 		 * @param newHeight
  530. 		 * @returns {*}
  531. 		 */
  532. 		height: function (newHeight) {
  533. 			return $(".dialogJbody", this.element).css("height", newHeight);
  534. 		},
  535.  
  536. 		/**
  537. 		 * 设定对话框位置
  538. 		 * @param [left] 左边, 留空居中
  539. 		 * @param [top]  右边, 留空居中
  540. 		 */
  541. 		setPosition: function (left, top) {
  542. 			if (!$.isNumeric(left) && !$.isNumeric(top)) {
  543. 				var $doc = $(document),
  544. 					$win = $(unsafeWindow),
  545. 					newPosOffset = this.cfg.fixed ? [0, 0] : [$doc.scrollLeft(), $doc.scrollTop()];
  546.  
  547. 				left = newPosOffset [0] + ($win.width()  - this.element.outerWidth() ) / 2;
  548. 				top  = newPosOffset [1] + ($win.height() - this.element.outerHeight()) / 2;
  549.  
  550. 				if (top < 0) top = 0;
  551. 			}
  552.  
  553. 			this.element.css({
  554. 				left: left,
  555. 				top: top
  556. 			});
  557.  
  558. 			this.triggerHandler("resize");
  559. 		},
  560. 		/**
  561. 		 * 获取标题 (HTML)
  562. 		 * @returns {String}
  563. 		 */
  564. 		getTitle: function () {
  565. 			return this.element.find(".dialogJtitle>span").html();
  566. 		},
  567. 		/**
  568. 		 * 获取标题文本
  569. 		 * @returns {String}
  570. 		 */
  571. 		getTitleText: function () {
  572. 			return this.element.find(".dialogJtitle").text();
  573. 		},
  574.  
  575. 		/**
  576. 		 * 获取对话框内容 (HTML)
  577. 		 * @returns {String}
  578. 		 */
  579. 		getContent: function () {
  580. 			return $(".dialogJbody", this.element).html()
  581. 		},
  582. 		/**
  583. 		 * 获取对话框内容
  584. 		 * @returns {String}
  585. 		 */
  586. 		getContentText: function () {
  587. 			return $(".dialogJbody", this.element).text()
  588. 		},
  589.  
  590. 		/**
  591. 		 * 显示对话框
  592. 		 */
  593. 		show: function () {
  594. 			this.element.show.apply(this.element, arguments);
  595.  
  596. 			if (this.modal) {
  597. 				this.modal.cfg.safety = this.element;
  598. 				this.modal.show.apply(this.modal, arguments);
  599. 			}
  600. 		},
  601.  
  602. 		/**
  603. 		 * 隐藏对话框
  604. 		 * @returns {boolean}
  605. 		 */
  606. 		hide: function () {
  607. 			if (this.element.triggerHandler("onhide") === false)
  608. 				return false;
  609.  
  610. 			this.element.hide.apply(this.element, arguments);
  611. 			if (this.modal)
  612. 				this.modal.hide.apply(this.modal, arguments);
  613.  
  614. 			return true;
  615. 		},
  616.  
  617. 		/**
  618. 		 * 获取对话框 DOM 元素
  619. 		 * @returns {HTMLElement}
  620. 		 */
  621. 		getElement: function () {
  622. 			return this.element[0];
  623. 		},
  624.  
  625. 		/**
  626. 		 * 绑定事件
  627. 		 * @returns {$dialog}
  628. 		 */
  629. 		bind: function () {
  630. 			this.element.on.apply(this.element, arguments);
  631. 			return this;
  632. 		},
  633.  
  634. 		/**
  635. 		 * 触发事件
  636. 		 */
  637. 		triggerHandler: function () {
  638. 			this.element.triggerHandler.apply(this.element, arguments);
  639. 		},
  640.  
  641. 		/**
  642. 		 * 获取按钮
  643. 		 * @returns {Array|undefined}
  644. 		 */
  645. 		getButtons: function () {
  646. 			return this.buttons;
  647. 		},
  648.  
  649. 		/**
  650. 		 * 内部函数: 设定无标题对话框
  651. 		 * @private
  652. 		 */
  653. 		_setupNoTitle: function () {
  654. 			if (this.cfg.noTitle) {
  655. 				$(".dialogJtitle").css({
  656. 					"border-bottom": 0,
  657. 					"background-color": "#fff"
  658. 				});
  659. 			}
  660. 		},
  661.  
  662. 		/**
  663. 		 * 内部函数: 设定对话框标题栏
  664. 		 * @private
  665. 		 */
  666. 		_setupTitleBar: function () {
  667. 			if (this.cfg.showTitle) {
  668. 				var that = this;
  669. 				var titleBar = that.titleBar =
  670. 					$('<div>').append(
  671. 						$('<span>').addClass('dialogJtxt')
  672. 					).addClass('dialogJtitle')
  673. 					.appendTo(this.elementWrapper);
  674.  
  675. 				if (this.cfg.closeable) {
  676. 					$('<a>').addClass('dialogJclose').attr({
  677. 						title: this.cfg.closeTips || "关闭本窗口",
  678. 						href:  '#'
  679. 					}).text(' ').appendTo(titleBar)
  680. 					.on ('mousedown', function (e) {
  681. 						e.stopPropagation();
  682. 					}).click(function () {
  683. 						if (that.cfg.hideOnclose) {
  684. 							that.hide()
  685. 						} else {
  686. 							that.close();
  687. 						}
  688. 						return false;
  689. 					});
  690.  
  691. 					if (this.cfg.draggable) {
  692. 						titleBar.css ({
  693. 							cursor: 'move'
  694. 						});
  695.  
  696. 						var _rmDrag = $(that.element).draggable({
  697. 							handle: titleBar,
  698. 							start: function () {
  699. 								that._setupHackDiv(1)
  700. 							},
  701. 							stop: function () {
  702. 								that.dragged = true;
  703. 								that._setupHackDiv(0);
  704. 							}
  705. 						});
  706. 						$(that.element).on("onclose", _rmDrag);
  707. 					}
  708. 				}
  709. 			}
  710. 		},
  711.  
  712. 		_setupHackDiv: function (bShowHackDiv) {
  713. 			var _$dialog = this;
  714. 			if (bShowHackDiv) {
  715. 				if ($("IFRAME", _$dialog.element).length) {
  716. 					var $content = $(".dialogJcontent", _$dialog.element);
  717. 					if (!_$dialog.hack_div) {
  718. 						_$dialog.hack_div = $("<div>").appendTo($content).css({
  719. 							position: "absolute",
  720. 							left: 0,
  721. 							top: 0,
  722. 							cursor: "move"
  723. 						});
  724. 					}
  725. 					_$dialog.hack_div.show().css({
  726. 						width:  _$dialog.element.outerWidth(),
  727. 						height: _$dialog.element.outerHeight()
  728. 					})
  729. 				}
  730. 			} else {
  731. 				if (_$dialog.hack_div)
  732. 					_$dialog.hack_div.hide ();
  733. 			}
  734. 		},
  735.  
  736. 		_setupEscKey: function () {
  737. 			var $that = this;
  738.  
  739. 			var _escKeyCb = function (n) {
  740. 				// ESC - 0x1b
  741. 				if (0x1b == n.which) {
  742. 					if ($that.showTitle) {
  743. 						$(".dialogJclose", $that.titleBar).triggerHandler("click")
  744. 					} else {
  745. 						$that.close();
  746. 					}
  747. 				}
  748. 			};
  749.  
  750. 			$(document).on("keydown", _escKeyCb);
  751. 			$($that.element).on("onclose", function () {
  752. 				$(document).off("keydown", _escKeyCb)
  753. 			});
  754. 		},
  755.  
  756. 		_setupContent: function () {
  757. 			this.elementWrapper.append(
  758. 				$('<div>').addClass('dialogJcontent').append(
  759. 					$('<div>').addClass('dialogJbody')));
  760. 		},
  761.  
  762. 		_setScroll: function (bSetScroll) {
  763. 			if (this.cfg.modal && !this.cfg.scrollable) {
  764. 				var htmlRoot = $("html");
  765. 				if (htmlRoot.length) {
  766. 					var i = htmlRoot[0].scrollTop;
  767. 					if (bSetScroll) {
  768. 						htmlRoot.css({
  769. 							overflow: this.element.data("htmlOverflow") || "",
  770. 							paddingRight: 0
  771. 						});
  772. 					} else {
  773. 						if (htmlRoot[0].style.overFlow) {
  774. 							this.element.data("htmlOverflow", htmlRoot[0].style.overFlow);
  775. 						}
  776.  
  777. 						htmlRoot.css({
  778. 							overflow: "hidden",
  779. 							paddingRight: 17
  780. 						})
  781. 					}
  782.  
  783. 					htmlRoot[0].scrollTop = i
  784. 				}
  785. 			}
  786. 		}
  787. 	};
  788.  
  789. 	$.each(lstEvents, function (e, t) {
  790. 		$dialog.prototype[t] = function (e) {
  791. 			this.on(t, e)
  792. 		}
  793. 	});
  794. 	$dialog.INST = [];
  795. 	$.dialog = $dialog;
  796. })(jQuery);