Simple dialog plugin.

Test dialog when clicking register link.

1 files changed, 63 insertions, 0 deletions

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