Changeset 1026 for branches/new-dialogs

Timestamp:

08/23/08 13:19:32 (3 years ago)

Author:

ray

Message:

#1176 added global config options for centering, greyout, and close on escape

Location:

branches/new-dialogs

Files:

• Xinha.css (modified) (1 diff)
• XinhaCore.js (modified) (1 diff)
• modules/Dialogs/XinhaDialog.js (modified) (4 diffs)

branches/new-dialogs/Xinha.css

@@ -122 +122 @@
 }
 .xinha_dialog_background {
-  filter: alpha(opacity = 0);
+  filter: alpha(opacity=0);
   -moz-opacity: 0;
   opacity: 0;
   border:none;
 }
-.xinha_dialog_background.modal {
+.xinha_dialog_background.modal.greyout {
   background-color:#666;
-  filter: alpha(opacity = 70);
+  filter: alpha(opacity=70) !IMPORTANT;
   -moz-opacity: 0.7;
   opacity: 0.7;
+}
+.xinha_dialog_background.modal {
+  filter: alpha(opacity=0) !IMPORTANT;
+  -moz-opacity: 0;
+  opacity: 0;
   border:none;
 }
+body.xinha_dialog_background.modal.greyout {
+  filter: alpha(opacity=100) !IMPORTANT;
+}
 body.xinha_dialog_background.modal {
-  filter: alpha(opacity = 100);
+  filter: alpha(opacity=0);
 }
 .dialog .content { padding: 2px; }

branches/new-dialogs/XinhaCore.js

@@ -977 +977 @@
     "Formatted": "pre"
   };
+  
+  this.dialogOptions =
+  { 
+    'centered' : true, //true: dialog is shown in the center the screen, false dialog is shown near the clicked toolbar button
+    'greyout':true, //true: when showing modal dialogs, the page behind the dialoge is greyed-out
+    'closeOnEscape':true
+  };
+
   /** ??
    * Default: <code>{}</code>

branches/new-dialogs/modules/Dialogs/XinhaDialog.js

@@ -61 +61 @@
       this.closable = globalOptions.closable;
     }
+    if (typeof(globalOptions.greyout) != 'undefined') {
+      this.greyout = globalOptions.greyout;
+    }
     if (typeof(globalOptions.closeOnEscape) != 'undefined') {
       this.closeOnEscape = globalOptions.closeOnEscape;
@@ -78 +81 @@
         //insert styles to make background color skinable
         var styles, stylesheets = document.styleSheets;
+        
         for (var i=0;i<stylesheets.length;i++)
         {
@@ -87 +91 @@
         doc.body.className = 'xinha_dialog_background';
         if (dialog.modal) doc.body.className += ' modal';
+        if (dialog.greyout) doc.body.className += ' greyout';
       }
     }
@@ -97 +102 @@
   backG.className = "xinha_dialog_background";
   if (this.modal) backG.className += ' modal';
+  if (this.greyout) backG.className += ' greyout';
   with (backG.style)
   {