]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/js/tinymce/tiny_mce_popup.js
Wordpress 2.7.1
[autoinstalls/wordpress.git] / wp-includes / js / tinymce / tiny_mce_popup.js
index 58b3964f2882acff2bb68c9faaacc355bd269cf8..d5d88e2976230cf35a2ecc6d256cc4f290703a10 100644 (file)
-/**
- * $RCSfile: tiny_mce_popup.js,v $
- * $Revision: 1.18 $
- * $Date: 2005/10/29 19:13:20 $
- *
- * @author Moxiecode
- * @copyright Copyright © 2004, Moxiecode Systems AB, All rights reserved.
- */
-
-var tinyMCE = null, tinyMCELang = null;
-
-function TinyMCEPopup() {
-};
-
-TinyMCEPopup.prototype.init = function() {
-       var win = window.opener ? window.opener : window.dialogArguments;
-
-       if (!win)
-               win = top;
-
-       window.opener = win;
-       this.windowOpener = win;
-       this.onLoadEval = "";
-
-       // Setup parent references
-       tinyMCE = win.tinyMCE;
-       tinyMCELang = win.tinyMCELang;
-
-       if (!tinyMCE) {
-               alert("tinyMCE object reference not found from popup.");
-               return;
-       }
-
-       this.isWindow = tinyMCE.getWindowArg('mce_inside_iframe', false) == false;
-       this.storeSelection = tinyMCE.isMSIE && !this.isWindow && tinyMCE.getWindowArg('mce_store_selection', true);
-
-       if (this.isWindow)
-               window.focus();
-
-       // Store selection
-       if (this.storeSelection)
-               tinyMCE.selectedInstance.execCommand('mceStoreSelection');
-
-       // Setup dir
-       if (tinyMCELang['lang_dir'])
-               document.dir = tinyMCELang['lang_dir'];
+// Some global instances
+var tinymce = null, tinyMCEPopup, tinyMCE;
+
+tinyMCEPopup = {
+       init : function() {
+               var t = this, w, ti, li, q, i, it;
+
+               li = ('' + document.location.search).replace(/^\?/, '').split('&');
+               q = {};
+               for (i=0; i<li.length; i++) {
+                       it = li[i].split('=');
+                       q[unescape(it[0])] = unescape(it[1]);
+               }
 
-       // Setup title
-       var re = new RegExp('{|\\\$|}', 'g');
-       var title = document.title.replace(re, "");
-       if (typeof tinyMCELang[title] != "undefined") {
-               var divElm = document.createElement("div");
-               divElm.innerHTML = tinyMCELang[title];
-               document.title = divElm.innerHTML;
+               if (q.mce_rdomain)
+                       document.domain = q.mce_rdomain;
+
+               // Find window & API
+               w = t.getWin();
+               tinymce = w.tinymce;
+               tinyMCE = w.tinyMCE;
+               t.editor = tinymce.EditorManager.activeEditor;
+               t.params = t.editor.windowManager.params;
+               t.features = t.editor.windowManager.features;
+
+               // Setup local DOM
+               t.dom = t.editor.windowManager.createInstance('tinymce.dom.DOMUtils', document);
+
+               // Enables you to skip loading the default css
+               if (t.features.popup_css !== false)
+                       t.dom.loadCSS(t.features.popup_css || t.editor.settings.popup_css);
+
+               // Setup on init listeners
+               t.listeners = [];
+               t.onInit = {
+                       add : function(f, s) {
+                               t.listeners.push({func : f, scope : s});
+                       }
+               };
+
+               t.isWindow = !t.getWindowArg('mce_inline');
+               t.id = t.getWindowArg('mce_window_id');
+               t.editor.windowManager.onOpen.dispatch(t.editor.windowManager, window);
+       },
+
+       getWin : function() {
+               return window.dialogArguments || opener || parent || top;
+       },
+
+       getWindowArg : function(n, dv) {
+               var v = this.params[n];
+
+               return tinymce.is(v) ? v : dv;
+       },
+
+       getParam : function(n, dv) {
+               return this.editor.getParam(n, dv);
+       },
+
+       getLang : function(n, dv) {
+               return this.editor.getLang(n, dv);
+       },
+
+       execCommand : function(cmd, ui, val, a) {
+               a = a || {};
+               a.skip_focus = 1;
+
+               this.restoreSelection();
+               return this.editor.execCommand(cmd, ui, val, a);
+       },
+
+       resizeToInnerSize : function() {
+               var t = this, n, b = document.body, vp = t.dom.getViewPort(window), dw, dh;
+
+               dw = t.getWindowArg('mce_width') - vp.w;
+               dh = t.getWindowArg('mce_height') - vp.h;
+
+               if (t.isWindow)
+                       window.resizeBy(dw, dh);
+               else
+                       t.editor.windowManager.resizeBy(dw, dh, t.id);
+       },
+
+       executeOnLoad : function(s) {
+               this.onInit.add(function() {
+                       eval(s);
+               });
+       },
+
+       storeSelection : function() {
+               this.editor.windowManager.bookmark = tinyMCEPopup.editor.selection.getBookmark('simple');
+       },
+
+       restoreSelection : function() {
+               var t = tinyMCEPopup;
+
+               if (!t.isWindow && tinymce.isIE)
+                       t.editor.selection.moveToBookmark(t.editor.windowManager.bookmark);
+       },
+
+       requireLangPack : function() {
+               var u = this.getWindowArg('plugin_url') || this.getWindowArg('theme_url');
+
+               if (u && this.editor.settings.language) {
+                       u += '/langs/' + this.editor.settings.language + '_dlg.js';
+
+                       if (!tinymce.ScriptLoader.isDone(u)) {
+                               document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"></script>');
+                               tinymce.ScriptLoader.markDone(u);
+                       }
+               }
+       },
+
+       pickColor : function(e, element_id) {
+               this.execCommand('mceColorPicker', true, {
+                       color : document.getElementById(element_id).value,
+                       func : function(c) {
+                               document.getElementById(element_id).value = c;
+
+                               try {
+                                       document.getElementById(element_id).onchange();
+                               } catch (ex) {
+                                       // Try fire event, ignore errors
+                               }
+                       }
+               });
+       },
+
+       openBrowser : function(element_id, type, option) {
+               tinyMCEPopup.restoreSelection();
+               this.editor.execCallback('file_browser_callback', element_id, document.getElementById(element_id).value, type, window);
+       },
+
+       confirm : function(t, cb, s) {
+               this.editor.windowManager.confirm(t, cb, s, window);
+       },
+
+       alert : function(tx, cb, s) {
+               this.editor.windowManager.alert(tx, cb, s, window);
+       },
+
+       close : function() {
+               var t = this;
+
+               // To avoid domain relaxing issue in Opera
+               function close() {
+                       t.editor.windowManager.close(window);
+                       tinymce = tinyMCE = t.editor = t.params = t.dom = t.dom.doc = null; // Cleanup
+               };
+
+               if (tinymce.isOpera)
+                       t.getWin().setTimeout(close, 0);
+               else
+                       close();
+       },
+
+       // Internal functions   
+
+       _restoreSelection : function() {
+               var e = window.event.srcElement;
+
+               if (e.nodeName == 'INPUT' && (e.type == 'submit' || e.type == 'button'))
+                       tinyMCEPopup.restoreSelection();
+       },
+
+/*     _restoreSelection : function() {
+               var e = window.event.srcElement;
+
+               // If user focus a non text input or textarea
+               if ((e.nodeName != 'INPUT' && e.nodeName != 'TEXTAREA') || e.type != 'text')
+                       tinyMCEPopup.restoreSelection();
+       },*/
+
+       _onDOMLoaded : function() {
+               var t = this, ti = document.title, bm, h, nv;
+
+               // Translate page
+               if (t.features.translate_i18n !== false) {
+                       h = document.body.innerHTML;
+
+                       // Replace a=x with a="x" in IE
+                       if (tinymce.isIE)
+                               h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"')
+
+                       document.dir = t.editor.getParam('directionality','');
+
+                       if ((nv = t.editor.translate(h)) && nv != h)
+                               document.body.innerHTML = nv;
+
+                       if ((nv = t.editor.translate(ti)) && nv != ti)
+                               document.title = ti = nv;
+               }
 
-               if (tinyMCE.setWindowTitle != null)
-                       tinyMCE.setWindowTitle(window, divElm.innerHTML);
-       }
+               document.body.style.display = '';
 
-       // Output Popup CSS class
-       document.write('<link href="' + tinyMCE.getParam("popups_css") + '" rel="stylesheet" type="text/css">');
+               // Restore selection in IE when focus is placed on a non textarea or input element of the type text
+               if (tinymce.isIE)
+                       document.attachEvent('onmouseup', tinyMCEPopup._restoreSelection);
 
-       tinyMCE.addEvent(window, "load", this.onLoad);
-};
+               t.restoreSelection();
+               t.resizeToInnerSize();
 
-TinyMCEPopup.prototype.onLoad = function() {
-       var body = document.body;
+               // Set inline title
+               if (!t.isWindow)
+                       t.editor.windowManager.setTitle(window, ti);
+               else
+                       window.focus();
 
-       body.onkeydown = function (e) {
-               e = e ? e : window.event;
-               if ( e.keyCode == 27 && !e.shiftKey && !e.controlKey && !e.altKey ) {
-                       tinyMCEPopup.close();
+               if (!tinymce.isIE && !t.isWindow) {
+                       tinymce.dom.Event._add(document, 'focus', function() {
+                               t.editor.windowManager.focus(t.id)
+                       });
                }
-       }
-
-       if (tinyMCE.getWindowArg('mce_replacevariables', true))
-               body.innerHTML = tinyMCE.applyTemplate(body.innerHTML, tinyMCE.windowArgs);
 
-       var dir = tinyMCE.selectedInstance.settings['directionality'];
-       if (dir == "rtl") {
-               var elms = document.forms[0].elements;
-               for (var i=0; i<elms.length; i++) {
-                       if ((elms[i].type == "text" || elms[i].type == "textarea") && elms[i].getAttribute("dir") != "ltr")
-                               elms[i].dir = dir;
+               // Patch for accessibility
+               tinymce.each(t.dom.select('select'), function(e) {
+                       e.onkeydown = tinyMCEPopup._accessHandler;
+               });
+
+               // Call onInit
+               // Init must be called before focus so the selection won't get lost by the focus call
+               tinymce.each(t.listeners, function(o) {
+                       o.func.call(o.scope, t.editor);
+               });
+
+               // Move focus to window
+               if (t.getWindowArg('mce_auto_focus', true)) {
+                       window.focus();
+
+                       // Focus element with mceFocus class
+                       tinymce.each(document.forms, function(f) {
+                               tinymce.each(f.elements, function(e) {
+                                       if (t.dom.hasClass(e, 'mceFocus') && !e.disabled) {
+                                               e.focus();
+                                               return false; // Break loop
+                                       }
+                               });
+                       });
                }
-       }
 
-       if (body.style.display == 'none')
-               body.style.display = 'block';
+               document.onkeyup = tinyMCEPopup._closeWinKeyHandler;
+       },
 
-       // Execute real onload (Opera fix)
-       if (tinyMCEPopup.onLoadEval != "") {
-               eval(tinyMCEPopup.onLoadEval);
-       }
-};
+       _accessHandler : function(e) {
+               e = e || window.event;
 
-TinyMCEPopup.prototype.executeOnLoad = function(str) {
-       if (tinyMCE.isOpera)
-               this.onLoadEval = str;
-       else
-               eval(str);
-};
+               if (e.keyCode == 13 || e.keyCode == 32) {
+                       e = e.target || e.srcElement;
 
-TinyMCEPopup.prototype.resizeToInnerSize = function() {
-       // Netscape 7.1 workaround
-       if (this.isWindow && tinyMCE.isNS71) {
-               window.resizeBy(0, 10);
-               return;
-       }
+                       if (e.onchange)
+                               e.onchange();
 
-       if (this.isWindow) {
-               var doc = document;
-               var body = doc.body;
-               var oldMargin, wrapper, iframe, nodes, dx, dy;
-
-               if (body.style.display == 'none')
-                       body.style.display = 'block';
-
-               // Remove margin
-               oldMargin = body.style.margin;
-               body.style.margin = '0px';
-
-               // Create wrapper
-               wrapper = doc.createElement("div");
-               wrapper.id = 'mcBodyWrapper';
-               wrapper.style.display = 'none';
-               wrapper.style.margin = '0px';
-
-               // Wrap body elements
-               nodes = doc.body.childNodes;
-               for (var 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]);
+                       return tinymce.dom.Event.cancel(e);
                }
+       },
 
-               // 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 = '0px';
-
-               // 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';
-       }
-};
+       _closeWinKeyHandler : function(e) {
+               e = e || window.event;
 
-TinyMCEPopup.prototype.resizeToContent = function() {
-       var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
-       var isOpera = (navigator.userAgent.indexOf("Opera") != -1);
-
-       if (isOpera)
-               return;
-
-       if (isMSIE) {
-               try { window.resizeTo(10, 10); } catch (e) {}
-
-               var elm = document.body;
-               var width = elm.offsetWidth;
-               var height = elm.offsetHeight;
-               var dx = (elm.scrollWidth - width) + 4;
-               var 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);
-                       var x = parseInt(screen.width / 2.0) - (window.outerWidth / 2.0);
-                       var y = parseInt(screen.height / 2.0) - (window.outerHeight / 2.0);
-                       window.moveTo(x, y);
+               if (e.keyCode == 27)
+                       tinyMCEPopup.close();
+       },
+
+       _wait : function() {
+               var t = this, ti;
+
+               if (tinymce.isIE && document.location.protocol != 'https:') {
+                       // Fake DOMContentLoaded on IE
+                       document.write('<script id=__ie_onload defer src=\'javascript:""\';><\/script>');
+                       document.getElementById("__ie_onload").onreadystatechange = function() {
+                               if (this.readyState == "complete") {
+                                       t._onDOMLoaded();
+                                       document.getElementById("__ie_onload").onreadystatechange = null; // Prevent leak
+                               }
+                       };
+               } else {
+                       if (tinymce.isIE || tinymce.isWebKit) {
+                               ti = setInterval(function() {
+                                       if (/loaded|complete/.test(document.readyState)) {
+                                               clearInterval(ti);
+                                               t._onDOMLoaded();
+                                       }
+                               }, 10);
+                       } else {
+                               window.addEventListener('DOMContentLoaded', function() {
+                                       t._onDOMLoaded();
+                               }, false);
+                       }
                }
        }
 };
 
-TinyMCEPopup.prototype.getWindowArg = function(name, default_value) {
-       return tinyMCE.getWindowArg(name, default_value);
-};
-
-TinyMCEPopup.prototype.execCommand = function(command, user_interface, value) {
-       var inst = tinyMCE.selectedInstance;
-
-       // Restore selection
-       if (this.storeSelection) {
-               inst.getWin().focus();
-               inst.execCommand('mceRestoreSelection');
-       }
-
-       inst.execCommand(command, user_interface, value);
-
-       // Store selection
-       if (this.storeSelection)
-               inst.execCommand('mceStoreSelection');
-};
-
-TinyMCEPopup.prototype.close = function() {
-       tinyMCE.closeWindow(window);
-};
-
-TinyMCEPopup.prototype.pickColor = function(e, element_id) {
-       tinyMCE.selectedInstance.execCommand('mceColorPicker', true, {
-               element_id : element_id,
-               document : document,
-               window : window,
-               store_selection : false
-       });
-};
-
-TinyMCEPopup.prototype.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);");
-};
-
-// Setup global instance
-var tinyMCEPopup = new TinyMCEPopup();
-
 tinyMCEPopup.init();
+tinyMCEPopup._wait(); // Wait for DOM Content Loaded