]> git.donarmstrong.com Git - roundcube.git/blobdiff - program/js/tiny_mce/utils/editable_selects.js
Imported Upstream version 0.2~alpha
[roundcube.git] / program / js / tiny_mce / utils / editable_selects.js
index add2aa5a1a185e82ea58cd000b3b5d782fa83e07..9b40922c018888e9a16588e82caeac6978ad6217 100644 (file)
@@ -1,61 +1,61 @@
-/**
- * $Id: editable_selects.js 162 2007-01-03 16:16:52Z spocke $
- *
- * Makes select boxes editable.
- *
- * @author Moxiecode
- * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
- */
-
-var TinyMCE_EditableSelects = {
-       editSelectElm : null,
-
-       init : function() {
-               var nl = document.getElementsByTagName("select"), i, d = document, o;
-
-               for (i=0; i<nl.length; i++) {
-                       if (nl[i].className.indexOf('mceEditableSelect') != -1) {
-                               o = new Option('(value)', '__mce_add_custom__');
-
-                               o.className = 'mceAddSelectValue';
-
-                               nl[i].options[nl[i].options.length] = o;
-                               nl[i].setAttribute('onchange', 'TinyMCE_EditableSelects.onChangeEditableSelect(this);');
-                       }
-               }
-       },
-
-       onChangeEditableSelect : function(se) {
-               var d = document, ne;
-
-               if (se.options[se.selectedIndex].value == '__mce_add_custom__') {
-                       ne = d.createElement("input");
-                       ne.id = se.id + "_custom";
-                       ne.name = se.name + "_custom";
-                       ne.type = "text";
-
-                       ne.style.width = se.clientWidth;
-                       se.parentNode.insertBefore(ne, se);
-                       se.style.display = 'none';
-                       ne.focus();
-                       ne.onblur = TinyMCE_EditableSelects.onBlurEditableSelectInput;
-                       TinyMCE_EditableSelects.editSelectElm = se;
-               }
-       },
-
-       onBlurEditableSelectInput : function() {
-               var se = TinyMCE_EditableSelects.editSelectElm;
-
-               if (se) {
-                       if (se.previousSibling.value != '') {
-                               addSelectValue(document.forms[0], se.id, se.previousSibling.value, se.previousSibling.value);
-                               selectByValue(document.forms[0], se.id, se.previousSibling.value);
-                       } else
-                               selectByValue(document.forms[0], se.id, '');
-
-                       se.style.display = 'inline';
-                       se.parentNode.removeChild(se.previousSibling);
-                       TinyMCE_EditableSelects.editSelectElm = null;
-               }
-       }
-};
+/**\r
+ * $Id: editable_selects.js 520 2008-01-07 16:30:32Z spocke $\r
+ *\r
+ * Makes select boxes editable.\r
+ *\r
+ * @author Moxiecode\r
+ * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
+ */\r
+\r
+var TinyMCE_EditableSelects = {\r
+       editSelectElm : null,\r
+\r
+       init : function() {\r
+               var nl = document.getElementsByTagName("select"), i, d = document, o;\r
+\r
+               for (i=0; i<nl.length; i++) {\r
+                       if (nl[i].className.indexOf('mceEditableSelect') != -1) {\r
+                               o = new Option('(value)', '__mce_add_custom__');\r
+\r
+                               o.className = 'mceAddSelectValue';\r
+\r
+                               nl[i].options[nl[i].options.length] = o;\r
+                               nl[i].onchange = TinyMCE_EditableSelects.onChangeEditableSelect;\r
+                       }\r
+               }\r
+       },\r
+\r
+       onChangeEditableSelect : function(e) {\r
+               var d = document, ne, se = window.event ? window.event.srcElement : e.target;\r
+\r
+               if (se.options[se.selectedIndex].value == '__mce_add_custom__') {\r
+                       ne = d.createElement("input");\r
+                       ne.id = se.id + "_custom";\r
+                       ne.name = se.name + "_custom";\r
+                       ne.type = "text";\r
+\r
+                       ne.style.width = se.offsetWidth + 'px';\r
+                       se.parentNode.insertBefore(ne, se);\r
+                       se.style.display = 'none';\r
+                       ne.focus();\r
+                       ne.onblur = TinyMCE_EditableSelects.onBlurEditableSelectInput;\r
+                       TinyMCE_EditableSelects.editSelectElm = se;\r
+               }\r
+       },\r
+\r
+       onBlurEditableSelectInput : function() {\r
+               var se = TinyMCE_EditableSelects.editSelectElm;\r
+\r
+               if (se) {\r
+                       if (se.previousSibling.value != '') {\r
+                               addSelectValue(document.forms[0], se.id, se.previousSibling.value, se.previousSibling.value);\r
+                               selectByValue(document.forms[0], se.id, se.previousSibling.value);\r
+                       } else\r
+                               selectByValue(document.forms[0], se.id, '');\r
+\r
+                       se.style.display = 'inline';\r
+                       se.parentNode.removeChild(se.previousSibling);\r
+                       TinyMCE_EditableSelects.editSelectElm = null;\r
+               }\r
+       }\r
+};\r