diff options
Diffstat (limited to 'webclient/lib')
| -rw-r--r-- | webclient/lib/alias.js | 6 | ||||
| -rw-r--r-- | webclient/lib/jquery.dialog.js | 63 |
2 files changed, 69 insertions, 0 deletions
diff --git a/webclient/lib/alias.js b/webclient/lib/alias.js index 521b492..f5945d7 100644 --- a/webclient/lib/alias.js +++ b/webclient/lib/alias.js @@ -388,6 +388,12 @@ $(document).ready(function(){ $(this).val(''); } }); + + $('#dialogs').dialog(); + + $('#register-link').click(function(){ + $('#dialogs').dialog('show', 'register'); + }); }); diff --git a/webclient/lib/jquery.dialog.js b/webclient/lib/jquery.dialog.js new file mode 100644 index 0000000..1a5679e --- /dev/null +++ b/webclient/lib/jquery.dialog.js @@ -0,0 +1,63 @@ +/** + * jQuery dialog plugin + * + * <div id="dialogs"> + * <div id="#dialog-overlay"></div> + * <div class="dialog" id="dialog1"></div> + * <div class="dialog" id="dialog2"></div> + * </div> + */ +(function( $ ){ + + var methods = { + + init: function(){ + this.data('dialog', {opened: []}); + this.find('#dialog-overlay').bind('click.dialog', function(){ + $(this).parent().dialog('hide'); + }); + }, + + show: function(name){ + var maskHeight = $(document).height(); + var maskWidth = $(window).width(); + var overlay = this.find('#dialog-overlay'); + overlay.css({'width':maskWidth,'height':maskHeight}); + var winH = $(window).height(); + var winW = $(window).width(); + var dialog = this.find('#'+name); + dialog.css('top', winH/2-dialog.height()/2); + dialog.css('left', winW/2-dialog.width()/2); + this.data('dialog').opened.push(name); + overlay.show(); + dialog.show(); + }, + + hide: function(){ + var name = this.data('dialog').opened.pop(); + var dialog = this.find('#'+name); + var overlay = this.find('#dialog-overlay'); + dialog.hide(); + if (this.data('dialog').opened.length === 0){ + overlay.hide(); + } + } + }; + + /* + * Register the 'dialog' method to the jQuery objects + * the first argument of this method is the submethod + * you want to call + */ + $.fn.dialog = function(method) { + if ( methods[method] ) { + return methods[method].apply(this, Array.prototype.slice + .call(arguments, 1)); + } else if ( typeof method === 'object' || !method ) { + return methods.init.apply(this, arguments); + } else { + $.error('Method ' + method + ' does not exist on jQuery.dialog'); + } + }; + +})(jQuery);
\ No newline at end of file |