aboutsummaryrefslogtreecommitdiffstats
path: root/ui/ui.dialog.js
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2008-09-19 14:20:14 +0000
committerScott González <scott.gonzalez@gmail.com>2008-09-19 14:20:14 +0000
commit7c2e7965e90896b3ccf8525aeebfe2b9242203ff (patch)
treeaec37d89461d5d9b14979523f3f82b8b7440f97c /ui/ui.dialog.js
parent8d04c3594c4bd56ee2b86068e002b7566359df14 (diff)
downloadjquery-ui-7c2e7965e90896b3ccf8525aeebfe2b9242203ff.tar.gz
jquery-ui-7c2e7965e90896b3ccf8525aeebfe2b9242203ff.zip
Reverted r695.
Diffstat (limited to 'ui/ui.dialog.js')
-rw-r--r--ui/ui.dialog.js124
1 files changed, 62 insertions, 62 deletions
diff --git a/ui/ui.dialog.js b/ui/ui.dialog.js
index c6ceb0534..cc4f37762 100644
--- a/ui/ui.dialog.js
+++ b/ui/ui.dialog.js
@@ -4,7 +4,7 @@
* Copyright (c) 2008 Richard D. Worth (rdworth.org)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
- *
+ *
* http://docs.jquery.com/UI/Dialog
*
* Depends:
@@ -31,16 +31,16 @@ $.widget("ui.dialog", {
_init: function() {
this.originalTitle = this.element.attr('title');
this.options.title = this.options.title || this.originalTitle;
-
+
var self = this,
options = this.options,
-
+
uiDialogContent = this.element
.removeAttr('title')
.addClass('ui-dialog-content')
.wrap('<div/>')
.wrap('<div/>'),
-
+
uiDialogContainer = (this.uiDialogContainer = uiDialogContent.parent())
.addClass('ui-dialog-container')
.css({
@@ -48,14 +48,14 @@ $.widget("ui.dialog", {
width: '100%',
height: '100%'
}),
-
+
title = options.title || '&nbsp;',
uiDialogTitlebar = (this.uiDialogTitlebar =
$('<div class="ui-dialog-titlebar"/>'))
.append('<span class="ui-dialog-title">' + title + '</span>')
.append('<a href="#" class="ui-dialog-titlebar-close"><span>X</span></a>')
.prependTo(uiDialogContainer),
-
+
uiDialog = (this.uiDialog = uiDialogContainer.parent())
.appendTo(document.body)
.hide()
@@ -81,7 +81,7 @@ $.widget("ui.dialog", {
.mousedown(function() {
self._moveToTop();
}),
-
+
uiDialogButtonPane = (this.uiDialogButtonPane = $('<div/>'))
.addClass('ui-dialog-buttonpane')
.css({
@@ -89,7 +89,7 @@ $.widget("ui.dialog", {
bottom: 0
})
.appendTo(uiDialog);
-
+
this.uiDialogTitlebarClose = $('.ui-dialog-titlebar-close', uiDialogTitlebar)
.hover(
function() {
@@ -106,21 +106,21 @@ $.widget("ui.dialog", {
self.close();
return false;
});
-
+
uiDialogTitlebar.find("*").add(uiDialogTitlebar).each(function() {
$.ui.disableSelection(this);
});
-
+
(options.draggable && $.fn.draggable && this._makeDraggable());
(options.resizable && $.fn.resizable && this._makeResizable());
-
+
this._createButtons(options.buttons);
this._isOpen = false;
-
+
(options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
(options.autoOpen && this.open());
},
-
+
destroy: function() {
(this.overlay && this.overlay.destroy());
this.uiDialog.hide();
@@ -130,50 +130,50 @@ $.widget("ui.dialog", {
.removeClass('ui-dialog-content')
.hide().appendTo('body');
this.uiDialog.remove();
-
+
(this.originalTitle && this.element.attr('title', this.originalTitle));
},
-
+
close: function() {
if (false === this._trigger('beforeclose', null, { options: this.options })) {
return;
}
-
+
(this.overlay && this.overlay.destroy());
this.uiDialog
.hide(this.options.hide)
.unbind('keypress.ui-dialog');
-
+
this._trigger('close', null, { options: this.options });
$.ui.dialog.overlay.resize();
-
+
this._isOpen = false;
},
-
+
isOpen: function() {
return this._isOpen;
},
-
+
open: function() {
if (this._isOpen) { return; }
-
+
this.overlay = this.options.modal ? new $.ui.dialog.overlay(this) : null;
(this.uiDialog.next().length && this.uiDialog.appendTo('body'));
this._position(this.options.position);
this.uiDialog.show(this.options.show);
(this.options.autoResize && this._size());
this._moveToTop(true);
-
+
// prevent tabbing out of modal dialogs
(this.options.modal && this.uiDialog.bind('keypress.ui-dialog', function(e) {
if (e.keyCode != $.keyCode.TAB) {
return;
}
-
+
var tabbables = $(':tabbable', this),
first = tabbables.filter(':first')[0],
last = tabbables.filter(':last')[0];
-
+
if (e.target == last && !e.shiftKey) {
setTimeout(function() {
first.focus();
@@ -184,20 +184,20 @@ $.widget("ui.dialog", {
}, 1);
}
}));
-
+
this.uiDialog.find(':tabbable:first').focus();
this._trigger('open', null, { options: this.options });
this._isOpen = true;
},
-
+
_createButtons: function(buttons) {
var self = this,
hasButtons = false,
uiDialogButtonPane = this.uiDialogButtonPane;
-
+
// remove any existing buttons
uiDialogButtonPane.empty().hide();
-
+
$.each(buttons, function() { return !(hasButtons = true); });
if (hasButtons) {
uiDialogButtonPane.show();
@@ -209,11 +209,11 @@ $.widget("ui.dialog", {
});
}
},
-
+
_makeDraggable: function() {
var self = this,
options = this.options;
-
+
this.uiDialog.draggable({
cancel: '.ui-dialog-content',
helper: options.dragHelper,
@@ -231,7 +231,7 @@ $.widget("ui.dialog", {
}
});
},
-
+
_makeResizable: function(handles) {
handles = (handles === undefined ? this.options.resizable : handles);
var self = this,
@@ -239,7 +239,7 @@ $.widget("ui.dialog", {
resizeHandles = typeof handles == 'string'
? handles
: 'n,e,s,w,se,sw,ne,nw';
-
+
this.uiDialog.resizable({
cancel: '.ui-dialog-content',
helper: options.resizeHelper,
@@ -262,31 +262,31 @@ $.widget("ui.dialog", {
}
});
},
-
+
// the force parameter allows us to move modal dialogs to their correct
// position on open
_moveToTop: function(force) {
-
+
if ((this.options.modal && !force)
|| (!this.options.stack && !this.options.modal)) {
return this._trigger('focus', null, { options: this.options });
}
-
+
var maxZ = this.options.zIndex, options = this.options;
$('.ui-dialog:visible').each(function() {
maxZ = Math.max(maxZ, parseInt($(this).css('z-index'), 10) || options.zIndex);
});
(this.overlay && this.overlay.$el.css('z-index', ++maxZ));
this.uiDialog.css('z-index', ++maxZ);
-
+
this._trigger('focus', null, { options: this.options });
},
-
+
_position: function(pos) {
var wnd = $(window), doc = $(document),
pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),
minTop = pTop;
-
+
if ($.inArray(pos, ['center','top','right','bottom','left']) >= 0) {
pos = [
pos == 'right' || pos == 'left' ? pos : 'center',
@@ -326,13 +326,13 @@ $.widget("ui.dialog", {
pTop += (wnd.height() - this.uiDialog.height()) / 2;
}
}
-
+
// prevent the dialog from being too high (make sure the titlebar
// is accessible)
pTop = Math.max(pTop, minTop);
this.uiDialog.css({top: pTop, left: pLeft});
},
-
+
_setData: function(key, value){
(setDataSwitch[key] && this.uiDialog.data(setDataSwitch[key], value));
switch (key) {
@@ -353,17 +353,17 @@ $.widget("ui.dialog", {
case "resizable":
var uiDialog = this.uiDialog,
isResizable = this.uiDialog.is(':data(resizable)');
-
+
// currently resizable, becoming non-resizable
(isResizable && !value && uiDialog.resizable('destroy'));
-
+
// currently resizable, changing handles
(isResizable && typeof value == 'string' &&
uiDialog.resizable('option', 'handles', value));
-
+
// currently non-resizable, becoming resizable
(isResizable || this._makeResizable(value));
-
+
break;
case "title":
$(".ui-dialog-title", this.uiDialogTitlebar).html(value || '&nbsp;');
@@ -372,10 +372,10 @@ $.widget("ui.dialog", {
this.uiDialog.width(value);
break;
}
-
+
$.widget.prototype._setData.apply(this, arguments);
},
-
+
_size: function() {
var container = this.uiDialogContainer,
titlebar = this.uiDialogTitlebar,
@@ -408,9 +408,9 @@ $.extend($.ui.dialog, {
width: 300,
zIndex: 1000
},
-
+
getter: 'isOpen',
-
+
overlay: function(dialog) {
this.$el = $.ui.dialog.overlay.create(dialog);
}
@@ -447,17 +447,17 @@ $.extend($.ui.dialog.overlay, {
return allow;
});
}, 1);
-
+
// allow closing by pressing the escape key
$(document).bind('keydown.dialog-overlay', function(e) {
(dialog.options.closeOnEscape && e.keyCode
&& e.keyCode == $.keyCode.ESCAPE && dialog.close());
});
-
+
// handle window resize
$(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
}
-
+
var $el = $('<div/>').appendTo(document.body)
.addClass('ui-dialog-overlay').css($.extend({
borderWidth: 0, margin: 0, padding: 0,
@@ -465,23 +465,23 @@ $.extend($.ui.dialog.overlay, {
width: this.width(),
height: this.height()
}, dialog.options.overlay));
-
+
(dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
-
+
this.instances.push($el);
return $el;
},
-
+
destroy: function($el) {
this.instances.splice($.inArray(this.instances, $el), 1);
-
+
if (this.instances.length === 0) {
$('a, :input').add([document, window]).unbind('.dialog-overlay');
}
-
+
$el.remove();
},
-
+
height: function() {
// handle IE 6
if ($.browser.msie && $.browser.version < 7) {
@@ -493,7 +493,7 @@ $.extend($.ui.dialog.overlay, {
document.documentElement.offsetHeight,
document.body.offsetHeight
);
-
+
if (scrollHeight < offsetHeight) {
return $(window).height() + 'px';
} else {
@@ -510,7 +510,7 @@ $.extend($.ui.dialog.overlay, {
return $(document).height() + 'px';
}
},
-
+
width: function() {
// handle IE 6
if ($.browser.msie && $.browser.version < 7) {
@@ -522,7 +522,7 @@ $.extend($.ui.dialog.overlay, {
document.documentElement.offsetWidth,
document.body.offsetWidth
);
-
+
if (scrollWidth < offsetWidth) {
return $(window).width() + 'px';
} else {
@@ -539,7 +539,7 @@ $.extend($.ui.dialog.overlay, {
return $(document).width() + 'px';
}
},
-
+
resize: function() {
/* If the dialog is draggable and the user drags it past the
* right edge of the window, the document becomes wider so we
@@ -553,7 +553,7 @@ $.extend($.ui.dialog.overlay, {
$.each($.ui.dialog.overlay.instances, function() {
$overlays = $overlays.add(this);
});
-
+
$overlays.css({
width: 0,
height: 0