--- /dev/null
+/**\r
+ * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $\r
+ *\r
+ * @author Moxiecode\r
+ * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.\r
+ */\r
+\r
+/* Import plugin specific language pack */\r
+tinyMCE.importPluginLanguagePack('layer');\r
+\r
+var TinyMCE_LayerPlugin = {\r
+ getInfo : function() {\r
+ return {\r
+ longname : 'Layer',\r
+ author : 'Moxiecode Systems AB',\r
+ authorurl : 'http://tinymce.moxiecode.com',\r
+ infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer',\r
+ version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion\r
+ };\r
+ },\r
+\r
+ initInstance : function(inst) {\r
+ if (tinyMCE.isMSIE && !tinyMCE.isOpera)\r
+ inst.getDoc().execCommand('2D-Position');\r
+ },\r
+\r
+ handleEvent : function(e) {\r
+ var inst = tinyMCE.selectedInstance;\r
+ var w = inst.getWin(), le = inst._lastStyleElm, e;\r
+\r
+ if (tinyMCE.isGecko) {\r
+ e = this._getParentLayer(inst.getFocusElement());\r
+\r
+ if (e) {\r
+ if (!inst._lastStyleElm) {\r
+ e.style.overflow = 'auto';\r
+ inst._lastStyleElm = e;\r
+ }\r
+ } else if (le) {\r
+ le = inst._lastStyleElm;\r
+ le.style.width = le.scrollWidth + 'px';\r
+ le.style.height = le.scrollHeight + 'px';\r
+ le.style.overflow = '';\r
+ inst._lastStyleElm = null;\r
+ }\r
+ }\r
+\r
+ return true;\r
+ },\r
+\r
+ handleVisualAid : function(el, deep, state, inst) {\r
+ var nl = inst.getDoc().getElementsByTagName("div"), i;\r
+\r
+ for (i=0; i<nl.length; i++) {\r
+ if (new RegExp('absolute|relative|static', 'gi').test(nl[i].style.position)) {\r
+ if (state)\r
+ tinyMCE.addCSSClass(nl[i], 'mceVisualAid');\r
+ else\r
+ tinyMCE.removeCSSClass(nl[i], 'mceVisualAid'); \r
+ }\r
+ }\r
+ },\r
+\r
+ getControlHTML : function(cn) {\r
+ switch (cn) {\r
+ case "moveforward":\r
+ return tinyMCE.getButtonHTML(cn, 'lang_layer_forward_desc', '{$pluginurl}/images/moveforward.gif', 'mceMoveForward', true);\r
+\r
+ case "movebackward":\r
+ return tinyMCE.getButtonHTML(cn, 'lang_layer_backward_desc', '{$pluginurl}/images/movebackward.gif', 'mceMoveBackward', true);\r
+\r
+ case "absolute":\r
+ return tinyMCE.getButtonHTML(cn, 'lang_layer_absolute_desc', '{$pluginurl}/images/absolute.gif', 'mceMakeAbsolute', true);\r
+\r
+ case "insertlayer":\r
+ return tinyMCE.getButtonHTML(cn, 'lang_layer_insertlayer_desc', '{$pluginurl}/images/insertlayer.gif', 'mceInsertLayer', true);\r
+ }\r
+\r
+ return "";\r
+ },\r
+\r
+ execCommand : function(editor_id, element, command, user_interface, value) {\r
+ // Handle commands\r
+ switch (command) {\r
+ case "mceInsertLayer":\r
+ this._insertLayer();\r
+ return true;\r
+\r
+ case "mceMoveForward":\r
+ this._move(1);\r
+ return true;\r
+\r
+ case "mceMoveBackward":\r
+ this._move(-1);\r
+ return true;\r
+\r
+ case "mceMakeAbsolute":\r
+ this._toggleAbsolute();\r
+ return true;\r
+ }\r
+\r
+ // Pass to next handler in chain\r
+ return false;\r
+ },\r
+\r
+ handleNodeChange : function(editor_id, node, undo_index, undo_levels, visual_aid, any_selection) {\r
+ var inst = tinyMCE.getInstanceById(editor_id);\r
+ var le = this._getParentLayer(inst.getFocusElement());\r
+ var p = tinyMCE.getParentElement(inst.getFocusElement(), 'div,p,img');\r
+\r
+ tinyMCE.switchClass(editor_id + '_absolute', 'mceButtonDisabled');\r
+ tinyMCE.switchClass(editor_id + '_moveforward', 'mceButtonDisabled');\r
+ tinyMCE.switchClass(editor_id + '_movebackward', 'mceButtonDisabled');\r
+\r
+ if (p)\r
+ tinyMCE.switchClass(editor_id + '_absolute', 'mceButtonNormal');\r
+\r
+ if (le && le.style.position.toLowerCase() == "absolute") {\r
+ tinyMCE.switchClass(editor_id + '_absolute', 'mceButtonSelected');\r
+ tinyMCE.switchClass(editor_id + '_moveforward', 'mceButtonNormal');\r
+ tinyMCE.switchClass(editor_id + '_movebackward', 'mceButtonNormal');\r
+ }\r
+ },\r
+\r
+ // Private plugin specific methods\r
+\r
+ _move : function(d) {\r
+ var inst = tinyMCE.selectedInstance, i, z = new Array();\r
+ var le = this._getParentLayer(inst.getFocusElement()), ci = -1, fi = -1;\r
+ var nl = tinyMCE.selectNodes(inst.getBody(), function(n) {\r
+ return n.nodeType == 1 && new RegExp('absolute|relative|static', 'gi').test(n.style.position);\r
+ });\r
+\r
+ // Find z-indexes\r
+ for (i=0; i<nl.length; i++) {\r
+ z[i] = nl[i].style.zIndex ? parseInt(nl[i].style.zIndex) : 0;\r
+\r
+ if (ci < 0 && nl[i] == le)\r
+ ci = i;\r
+ }\r
+\r
+ if (d < 0) {\r
+ // Move back\r
+\r
+ // Try find a lower one\r
+ for (i=0; i<z.length; i++) {\r
+ if (z[i] < z[ci]) {\r
+ fi = i;\r
+ break;\r
+ }\r
+ }\r
+\r
+ if (fi > -1) {\r
+ nl[ci].style.zIndex = z[fi];\r
+ nl[fi].style.zIndex = z[ci];\r
+ } else {\r
+ if (z[ci] > 0)\r
+ nl[ci].style.zIndex = z[ci] - 1;\r
+ }\r
+ } else {\r
+ // Move forward\r
+\r
+ // Try find a higher one\r
+ for (i=0; i<z.length; i++) {\r
+ if (z[i] > z[ci]) {\r
+ fi = i;\r
+ break;\r
+ }\r
+ }\r
+\r
+ if (fi > -1) {\r
+ nl[ci].style.zIndex = z[fi];\r
+ nl[fi].style.zIndex = z[ci];\r
+ } else\r
+ nl[ci].style.zIndex = z[ci] + 1;\r
+ }\r
+\r
+ inst.repaint();\r
+ },\r
+\r
+ _getParentLayer : function(n) {\r
+ return tinyMCE.getParentNode(n, function(n) {\r
+ return n.nodeType == 1 && new RegExp('absolute|relative|static', 'gi').test(n.style.position);\r
+ });\r
+ },\r
+\r
+ _insertLayer : function() {\r
+ var inst = tinyMCE.selectedInstance;\r
+ var e = tinyMCE.getParentElement(inst.getFocusElement());\r
+ var p = tinyMCE.getAbsPosition(e);\r
+ var d = inst.getDoc();\r
+ var ne = d.createElement('div');\r
+ var h = inst.selection.getSelectedHTML();\r
+\r
+ // Move div\r
+ ne.style.position = 'absolute';\r
+ ne.style.left = p.absLeft + 'px';\r
+ ne.style.top = (p.absTop > 20 ? p.absTop : 20) + 'px';\r
+ ne.style.width = '100px';\r
+ ne.style.height = '100px';\r
+ ne.className = 'mceVisualAid';\r
+\r
+ if (!h)\r
+ h = tinyMCE.getLang('lang_layer_content');\r
+\r
+ ne.innerHTML = h;\r
+\r
+ // Add it\r
+ d.body.appendChild(ne);\r
+ },\r
+\r
+ _toggleAbsolute : function() {\r
+ var inst = tinyMCE.selectedInstance;\r
+ var le = this._getParentLayer(inst.getFocusElement());\r
+\r
+ if (le == null)\r
+ le = tinyMCE.getParentElement(inst.getFocusElement(), 'div,p,img');\r
+\r
+ if (le) {\r
+ if (le.style.position.toLowerCase() == "absolute") {\r
+ le.style.position = "";\r
+ le.style.left = "";\r
+ le.style.top = "";\r
+ } else {\r
+ le.style.position = "absolute";\r
+\r
+ if (le.style.left == "")\r
+ le.style.left = 20 + 'px';\r
+\r
+ if (le.style.top == "")\r
+ le.style.top = 20 + 'px';\r
+\r
+ if (le.style.width == "")\r
+ le.style.width = le.width ? (le.width + 'px') : '100px';\r
+\r
+ if (le.style.height == "")\r
+ le.style.height = le.height ? (le.height + 'px') : '100px';\r
+\r
+ tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);\r
+ }\r
+\r
+ inst.repaint();\r
+ tinyMCE.triggerNodeChange();\r
+ }\r
+ }\r
+};\r
+\r
+tinyMCE.addPlugin("layer", TinyMCE_LayerPlugin);\r