]> git.donarmstrong.com Git - roundcube.git/blobdiff - program/js/tiny_mce/tiny_mce_popup.js
Imported Upstream version 0.2~stable
[roundcube.git] / program / js / tiny_mce / tiny_mce_popup.js
index 306a021d56be4a364dc3bdf8a4ca8e4485696c14..09345eaac21d68650dd30c8503c8c0079881ab36 100644 (file)
-// Some global instances, this will be filled later
-var tinyMCE = null, tinyMCELang = null;
-
-function TinyMCE_Popup() {
-};
-
-TinyMCE_Popup.prototype = {
-       findWin : function(w) {
-               var c;
-
-               // Check parents
-               c = w;
-               while (c && (c = c.parent) != null) {
-                       if (typeof(c.tinyMCE) != "undefined")
-                               return c;
-               }
-
-               // Check openers
-               c = w;
-               while (c && (c = c.opener) != null) {
-                       if (typeof(c.tinyMCE) != "undefined")
-                               return c;
-               }
-
-               // Try top
-               if (typeof(top.tinyMCE) != "undefined")
-                       return top;
-
-               return null;
-       },
-
-       init : function() {
-               var win = window.opener ? window.opener : window.dialogArguments, c;
-               var inst, re, title, divElm;
-
-               if (!win)
-                       win = this.findWin(window);
-
-               if (!win) {
-                       alert("tinyMCE object reference not found from popup.");
-                       return;
-               }
-
-               window.opener = win;
-               this.windowOpener = win;
-               this.onLoadEval = "";
-
-               // Setup parent references
-               tinyMCE = win.tinyMCE;
-               tinyMCELang = win.tinyMCELang;
-
-               inst = tinyMCE.selectedInstance;
-               this.isWindow = tinyMCE.getWindowArg('mce_inside_iframe', false) == false;
-               this.storeSelection = (tinyMCE.isRealIE) && !this.isWindow && tinyMCE.getWindowArg('mce_store_selection', true);
-
-               if (this.isWindow)
-                       window.focus();
-
-               // Store selection
-               if (this.storeSelection)
-                       inst.selectionBookmark = inst.selection.getBookmark(true);
-
-               // Setup dir
-               if (tinyMCELang.lang_dir)
-                       document.dir = tinyMCELang.lang_dir;
-
-               // Setup title
-               re = new RegExp('{|\\\$|}', 'g');
-               title = document.title.replace(re, "");
-               if (typeof(tinyMCELang[title]) != "undefined") {
-                       divElm = document.createElement("div");
-                       divElm.innerHTML = tinyMCELang[title];
-                       document.title = divElm.innerHTML;
-
-                       if (typeof(tinyMCE.setWindowTitle) != 'undefined')
-                               tinyMCE.setWindowTitle(window, divElm.innerHTML);
-               }
-
-               // Output Popup CSS class
-               document.write('<link href="' + tinyMCE.getParam("popups_css") + '" rel="stylesheet" type="text/css">');
-
-               if (tinyMCE.getParam("popups_css_add")) {
-                       c = tinyMCE.getParam("popups_css_add");
-
-                       // Is relative
-                       if (c.indexOf('://') == -1 && c.charAt(0) != '/')
-                               c = tinyMCE.documentBasePath + "/" + c;
-
-                       document.write('<link href="' + c + '" rel="stylesheet" type="text/css">');
-               }
-
-               tinyMCE.addEvent(window, "load", this.onLoad);
-       },
-
-       onLoad : function() {
-               var dir, i, elms, body = document.body;
-
-               if (tinyMCE.getWindowArg('mce_replacevariables', true))
-                       body.innerHTML = tinyMCE.applyTemplate(body.innerHTML, tinyMCE.windowArgs);
-
-               dir = tinyMCE.selectedInstance.settings.directionality;
-               if (dir == "rtl" && document.forms && document.forms.length > 0) {
-                       elms = document.forms[0].elements;
-                       for (i=0; i<elms.length; i++) {
-                               if ((elms[i].type == "text" || elms[i].type == "textarea") && elms[i].getAttribute("dir") != "ltr")
-                                       elms[i].dir = dir;
-                       }
-               }
-
-               if (body.style.display == 'none')
-                       body.style.display = 'block';
-
-               // Execute real onload (Opera fix)
-               if (tinyMCEPopup.onLoadEval !== '')
-                       eval(tinyMCEPopup.onLoadEval);
-       },
-
-       executeOnLoad : function(str) {
-               if (tinyMCE.isOpera && parseFloat(opera.version()) < 9.5)
-                       this.onLoadEval = str;
-               else
-                       eval(str);
-       },
-
-       resizeToInnerSize : function() {
-               var i, doc, body, oldMargin, wrapper, iframe, nodes, dx, dy;
-
-               // Netscape 7.1 workaround
-               if (this.isWindow && tinyMCE.isNS71) {
-                       window.resizeBy(0, 10);
-                       return;
-               }
-
-               if (this.isWindow) {
-                       doc = document;
-                       body = doc.body;
-
-                       if (body.style.display == 'none')
-                               body.style.display = 'block';
-
-                       // Remove margin
-                       oldMargin = body.style.margin;
-                       body.style.margin = '0';
-
-                       // Create wrapper
-                       wrapper = doc.createElement("div");
-                       wrapper.id = 'mcBodyWrapper';
-                       wrapper.style.display = 'none';
-                       wrapper.style.margin = '0';
-
-                       // Wrap body elements
-                       nodes = doc.body.childNodes;
-                       for (i=nodes.length-1; i>=0; i--) {
-                               if (wrapper.hasChildNodes())
-                                       wrapper.insertBefore(nodes[i].cloneNode(true), wrapper.firstChild);
-                               else
-                                       wrapper.appendChild(nodes[i].cloneNode(true));
-
-                               nodes[i].parentNode.removeChild(nodes[i]);
-                       }
-
-                       // Add wrapper
-                       doc.body.appendChild(wrapper);
-
-                       // Create iframe
-                       iframe = document.createElement("iframe");
-                       iframe.id = "mcWinIframe";
-                       iframe.src = document.location.href.toLowerCase().indexOf('https') == -1 ? "about:blank" : tinyMCE.settings.default_document;
-                       iframe.width = "100%";
-                       iframe.height = "100%";
-                       iframe.style.margin = '0';
-
-                       // Add iframe
-                       doc.body.appendChild(iframe);
-
-                       // Measure iframe
-                       iframe = document.getElementById('mcWinIframe');
-                       dx = tinyMCE.getWindowArg('mce_width') - iframe.clientWidth;
-                       dy = tinyMCE.getWindowArg('mce_height') - iframe.clientHeight;
-
-                       // Resize window
-                       // tinyMCE.debug(tinyMCE.getWindowArg('mce_width') + "," + tinyMCE.getWindowArg('mce_height') + " - " + dx + "," + dy);
-                       window.resizeBy(dx, dy);
-
-                       // Hide iframe and show wrapper
-                       body.style.margin = oldMargin;
-                       iframe.style.display = 'none';
-                       wrapper.style.display = 'block';
-               }
-       },
-
-       resizeToContent : function() {
-               var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
-               var isOpera = (navigator.userAgent.indexOf("Opera") != -1);
-               var elm, width, height, x, y, dx, dy;
-
-               if (isOpera)
-                       return;
-
-               if (isMSIE) {
-                       try { window.resizeTo(10, 10); } catch (e) {}
-
-                       elm = document.body;
-                       width = elm.offsetWidth;
-                       height = elm.offsetHeight;
-                       dx = (elm.scrollWidth - width) + 4;
-                       dy = elm.scrollHeight - height;
-
-                       try { window.resizeBy(dx, dy); } catch (e) {}
-               } else {
-                       window.scrollBy(1000, 1000);
-                       if (window.scrollX > 0 || window.scrollY > 0) {
-                               window.resizeBy(window.innerWidth * 2, window.innerHeight * 2);
-                               window.sizeToContent();
-                               window.scrollTo(0, 0);
-                               x = parseInt(screen.width / 2.0) - (window.outerWidth / 2.0);
-                               y = parseInt(screen.height / 2.0) - (window.outerHeight / 2.0);
-                               window.moveTo(x, y);
-                       }
-               }
-       },
-
-       getWindowArg : function(name, default_value) {
-               return tinyMCE.getWindowArg(name, default_value);
-       },
-
-       restoreSelection : function() {
-               var inst;
-
-               if (this.storeSelection) {
-                       inst = tinyMCE.selectedInstance;
-
-                       inst.getWin().focus();
-
-                       if (inst.selectionBookmark)
-                               inst.selection.moveToBookmark(inst.selectionBookmark);
-               }
-       },
-
-       execCommand : function(command, user_interface, value) {
-               var inst = tinyMCE.selectedInstance;
-
-               this.restoreSelection();
-               inst.execCommand(command, user_interface, value);
-
-               // Store selection
-               if (this.storeSelection)
-                       inst.selectionBookmark = inst.selection.getBookmark(true);
-       },
-
-       close : function() {
-               tinyMCE.closeWindow(window);
-       },
-
-       pickColor : function(e, element_id) {
-               tinyMCE.selectedInstance.execCommand('mceColorPicker', true, {
-                       element_id : element_id,
-                       document : document,
-                       window : window,
-                       store_selection : false
-               });
-       },
-
-       openBrowser : function(element_id, type, option) {
-               var cb = tinyMCE.getParam(option, tinyMCE.getParam("file_browser_callback"));
-               var url = document.getElementById(element_id).value;
-
-               tinyMCE.setWindowArg("window", window);
-               tinyMCE.setWindowArg("document", document);
-
-               // Call to external callback
-               if (eval('typeof(tinyMCEPopup.windowOpener.' + cb + ')') == "undefined")
-                       alert("Callback function: " + cb + " could not be found.");
-               else
-                       eval("tinyMCEPopup.windowOpener." + cb + "(element_id, url, type, window);");
-       },
-
-       importClass : function(c) {
-               var n;
-
-               window[c] = function() {};
-
-               for (n in window.opener[c].prototype)
-                       window[c].prototype[n] = window.opener[c].prototype[n];
-
-               window[c].constructor = window.opener[c].constructor;
-       }
-
-       };
-
-// Setup global instance
-var tinyMCEPopup = new TinyMCE_Popup();
-
-tinyMCEPopup.init();
+// Some global instances\r
+var tinymce = null, tinyMCEPopup, tinyMCE;\r
+\r
+tinyMCEPopup = {\r
+       init : function() {\r
+               var t = this, w, ti, li, q, i, it;\r
+\r
+               li = ('' + document.location.search).replace(/^\?/, '').split('&');\r
+               q = {};\r
+               for (i=0; i<li.length; i++) {\r
+                       it = li[i].split('=');\r
+                       q[unescape(it[0])] = unescape(it[1]);\r
+               }\r
+\r
+               if (q.mce_rdomain)\r
+                       document.domain = q.mce_rdomain;\r
+\r
+               // Find window & API\r
+               w = t.getWin();\r
+               tinymce = w.tinymce;\r
+               tinyMCE = w.tinyMCE;\r
+               t.editor = tinymce.EditorManager.activeEditor;\r
+               t.params = t.editor.windowManager.params;\r
+\r
+               // Setup local DOM\r
+               t.dom = t.editor.windowManager.createInstance('tinymce.dom.DOMUtils', document);\r
+               t.dom.loadCSS(t.editor.settings.popup_css);\r
+\r
+               // Setup on init listeners\r
+               t.listeners = [];\r
+               t.onInit = {\r
+                       add : function(f, s) {\r
+                               t.listeners.push({func : f, scope : s});\r
+                       }\r
+               };\r
+\r
+               t.isWindow = !t.getWindowArg('mce_inline');\r
+               t.id = t.getWindowArg('mce_window_id');\r
+               t.editor.windowManager.onOpen.dispatch(t.editor.windowManager, window);\r
+       },\r
+\r
+       getWin : function() {\r
+               return window.dialogArguments || opener || parent || top;\r
+       },\r
+\r
+       getWindowArg : function(n, dv) {\r
+               var v = this.params[n];\r
+\r
+               return tinymce.is(v) ? v : dv;\r
+       },\r
+\r
+       getParam : function(n, dv) {\r
+               return this.editor.getParam(n, dv);\r
+       },\r
+\r
+       getLang : function(n, dv) {\r
+               return this.editor.getLang(n, dv);\r
+       },\r
+\r
+       execCommand : function(cmd, ui, val, a) {\r
+               a = a || {};\r
+               a.skip_focus = 1;\r
+\r
+               this.restoreSelection();\r
+               return this.editor.execCommand(cmd, ui, val, a);\r
+       },\r
+\r
+       resizeToInnerSize : function() {\r
+               var t = this, n, b = document.body, vp = t.dom.getViewPort(window), dw, dh;\r
+\r
+               dw = t.getWindowArg('mce_width') - vp.w;\r
+               dh = t.getWindowArg('mce_height') - vp.h;\r
+\r
+               if (t.isWindow)\r
+                       window.resizeBy(dw, dh);\r
+               else\r
+                       t.editor.windowManager.resizeBy(dw, dh, t.id);\r
+       },\r
+\r
+       executeOnLoad : function(s) {\r
+               this.onInit.add(function() {\r
+                       eval(s);\r
+               });\r
+       },\r
+\r
+       storeSelection : function() {\r
+               this.editor.windowManager.bookmark = tinyMCEPopup.editor.selection.getBookmark('simple');\r
+       },\r
+\r
+       restoreSelection : function() {\r
+               var t = tinyMCEPopup;\r
+\r
+               if (!t.isWindow && tinymce.isIE)\r
+                       t.editor.selection.moveToBookmark(t.editor.windowManager.bookmark);\r
+       },\r
+\r
+       requireLangPack : function() {\r
+               var u = this.getWindowArg('plugin_url') || this.getWindowArg('theme_url');\r
+\r
+               if (u && this.editor.settings.language) {\r
+                       u += '/langs/' + this.editor.settings.language + '_dlg.js';\r
+\r
+                       if (!tinymce.ScriptLoader.isDone(u)) {\r
+                               document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"></script>');\r
+                               tinymce.ScriptLoader.markDone(u);\r
+                       }\r
+               }\r
+       },\r
+\r
+       pickColor : function(e, element_id) {\r
+               this.execCommand('mceColorPicker', true, {\r
+                       color : document.getElementById(element_id).value,\r
+                       func : function(c) {\r
+                               document.getElementById(element_id).value = c;\r
+\r
+                               try {\r
+                                       document.getElementById(element_id).onchange();\r
+                               } catch (ex) {\r
+                                       // Try fire event, ignore errors\r
+                               }\r
+                       }\r
+               });\r
+       },\r
+\r
+       openBrowser : function(element_id, type, option) {\r
+               tinyMCEPopup.restoreSelection();\r
+               this.editor.execCallback('file_browser_callback', element_id, document.getElementById(element_id).value, type, window);\r
+       },\r
+\r
+       close : function() {\r
+               var t = this;\r
+\r
+               // To avoid domain relaxing issue in Opera\r
+               function close() {\r
+                       t.editor.windowManager.close(window);\r
+                       tinymce = tinyMCE = t.editor = t.params = t.dom = t.dom.doc = null; // Cleanup\r
+               };\r
+\r
+               if (tinymce.isOpera)\r
+                       t.getWin().setTimeout(close, 0);\r
+               else\r
+                       close();\r
+       },\r
+\r
+       // Internal functions   \r
+\r
+       _restoreSelection : function() {\r
+               var e = window.event.srcElement;\r
+\r
+               if (e.nodeName == 'INPUT' && (e.type == 'submit' || e.type == 'button'))\r
+                       tinyMCEPopup.restoreSelection();\r
+       },\r
+\r
+/*     _restoreSelection : function() {\r
+               var e = window.event.srcElement;\r
+\r
+               // If user focus a non text input or textarea\r
+               if ((e.nodeName != 'INPUT' && e.nodeName != 'TEXTAREA') || e.type != 'text')\r
+                       tinyMCEPopup.restoreSelection();\r
+       },*/\r
+\r
+       _onDOMLoaded : function() {\r
+               var t = this, ti = document.title, bm, h;\r
+\r
+               // Translate page\r
+               h = document.body.innerHTML;\r
+\r
+               // Replace a=x with a="x" in IE\r
+               if (tinymce.isIE)\r
+                       h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"')\r
+\r
+               document.dir = t.editor.getParam('directionality','');\r
+               document.body.innerHTML = t.editor.translate(h);\r
+               document.title = ti = t.editor.translate(ti);\r
+               document.body.style.display = '';\r
+\r
+               // Restore selection in IE when focus is placed on a non textarea or input element of the type text\r
+               if (tinymce.isIE)\r
+                       document.attachEvent('onmouseup', tinyMCEPopup._restoreSelection);\r
+\r
+               t.restoreSelection();\r
+               t.resizeToInnerSize();\r
+\r
+               // Set inline title\r
+               if (!t.isWindow)\r
+                       t.editor.windowManager.setTitle(window, ti);\r
+               else\r
+                       window.focus();\r
+\r
+               if (!tinymce.isIE && !t.isWindow) {\r
+                       tinymce.dom.Event._add(document, 'focus', function() {\r
+                               t.editor.windowManager.focus(t.id)\r
+                       });\r
+               }\r
+\r
+               // Patch for accessibility\r
+               tinymce.each(t.dom.select('select'), function(e) {\r
+                       e.onkeydown = tinyMCEPopup._accessHandler;\r
+               });\r
+\r
+               // Call onInit\r
+               // Init must be called before focus so the selection won't get lost by the focus call\r
+               tinymce.each(t.listeners, function(o) {\r
+                       o.func.call(o.scope, t.editor);\r
+               });\r
+\r
+               // Move focus to window\r
+               if (t.getWindowArg('mce_auto_focus', true)) {\r
+                       window.focus();\r
+\r
+                       // Focus element with mceFocus class\r
+                       tinymce.each(document.forms, function(f) {\r
+                               tinymce.each(f.elements, function(e) {\r
+                                       if (t.dom.hasClass(e, 'mceFocus') && !e.disabled) {\r
+                                               e.focus();\r
+                                               return false; // Break loop\r
+                                       }\r
+                               });\r
+                       });\r
+               }\r
+\r
+               document.onkeyup = tinyMCEPopup._closeWinKeyHandler;\r
+       },\r
+\r
+       _accessHandler : function(e) {\r
+               e = e || window.event;\r
+\r
+               if (e.keyCode == 13 || e.keyCode == 32) {\r
+                       e = e.target || e.srcElement;\r
+\r
+                       if (e.onchange)\r
+                               e.onchange();\r
+\r
+                       return tinymce.dom.Event.cancel(e);\r
+               }\r
+       },\r
+\r
+       _closeWinKeyHandler : function(e) {\r
+               e = e || window.event;\r
+\r
+               if (e.keyCode == 27)\r
+                       tinyMCEPopup.close();\r
+       },\r
+\r
+       _wait : function() {\r
+               var t = this, ti;\r
+\r
+               if (tinymce.isIE && document.location.protocol != 'https:') {\r
+                       // Fake DOMContentLoaded on IE\r
+                       document.write('<script id=__ie_onload defer src=\'javascript:""\';><\/script>');\r
+                       document.getElementById("__ie_onload").onreadystatechange = function() {\r
+                               if (this.readyState == "complete") {\r
+                                       t._onDOMLoaded();\r
+                                       document.getElementById("__ie_onload").onreadystatechange = null; // Prevent leak\r
+                               }\r
+                       };\r
+               } else {\r
+                       if (tinymce.isIE || tinymce.isWebKit) {\r
+                               ti = setInterval(function() {\r
+                                       if (/loaded|complete/.test(document.readyState)) {\r
+                                               clearInterval(ti);\r
+                                               t._onDOMLoaded();\r
+                                       }\r
+                               }, 10);\r
+                       } else {\r
+                               window.addEventListener('DOMContentLoaded', function() {\r
+                                       t._onDOMLoaded();\r
+                               }, false);\r
+                       }\r
+               }\r
+       }\r
+};\r
+\r
+tinyMCEPopup.init();\r
+tinyMCEPopup._wait(); // Wait for DOM Content Loaded\r