Changeset 7126

Timestamp:

May 10, 2008, 6:31:08 PM (14 years ago)

Author:

ebihara

Message:

#2284:テキストモードでもカラーパレット以外をクリックすればカラーパレットが閉じるようにした

File:

• OpenPNE/trunk/public_html/js/pne_decoration.js (modified) (7 diffs)

OpenPNE/trunk/public_html/js/pne_decoration.js

@@ -74 +74 @@
     var table = document.getElementById("mce_editor_color_table")
     if (table) {
-        table.parentNode.removeChild(table);
+        if (table.style.display == 'none') {
+            table.style.display = 'block';
+            Event.observe(document, 'mousedown', pne_mce_hide_color_table);
+        } else {
+            pne_mce_hide_color_table();
+        }
         return;
     }
+
+    Event.observe(document, 'mousedown', pne_mce_hide_color_table);
 
     var color = null;
@@ -90 +97 @@
 
     var tbody = document.createElement("tbody");
+    Element.addClassName(tbody, 'disabledHideColorTable');
 
     var tr;
@@ -98 +106 @@
         if (i == 0 || i % settings.grid_width == 0) {
             tr = document.createElement("tr");
+            Element.addClassName(tr, 'disabledHideColorTable');
             tbody.appendChild(tr);
         }
@@ -106 +115 @@
         td.style.padding = "2px";
         td.style.margin = "0";
+        Element.addClassName(td, 'disabledHideColorTable');
 
         var a = document.createElement("a");
@@ -116 +126 @@
         a.style.border = "1px solid #808080";
         a.style.backgroundColor = "#" + settings.colors[i];
-        a.onclick = function() {
+        Element.addClassName(a, 'disabledHideColorTable');
+        a.onmousedown = function() {
             pne_mce_insert_tagname(id, tagname, ' code="' + this.colorCode + '"');
-            var table = document.getElementById("mce_editor_color_table")
-            table.parentNode.removeChild(table);
+            pne_mce_hide_color_table();
         };
 
@@ -139 +149 @@
     table.style.backgroundColor = "#fff";
     table.appendChild(tbody);
+    Element.addClassName(table, 'disabledHideColorTable');
 
     button_container.appendChild(table);
@@ -150 +161 @@
 }
 
+function pne_mce_hide_color_table(e)
+{
+    if (e && Element.hasClassName(e.element(), 'disabledHideColorTable')) {
+        return;
+    }
+
+    var table = document.getElementById("mce_editor_color_table")
+    table.style.display = 'none';
+    Event.stopObserving(document, 'mousedown', pne_mce_hide_color_table);
+}
+