2 * $RCSfile: tiny_mce_popup.js,v $
\r
4 * $Date: 2005/11/27 18:11:16 $
\r
7 * @copyright Copyright © 2004, Moxiecode Systems AB, All rights reserved.
\r
10 var tinyMCE = null, tinyMCELang = null;
\r
12 function TinyMCEPopup() {
\r
15 TinyMCEPopup.prototype.init = function() {
\r
16 var win = window.opener ? window.opener : window.dialogArguments;
\r
20 win = parent.parent;
\r
23 if (typeof(win.tinyMCE) == "undefined")
\r
27 window.opener = win;
\r
28 this.windowOpener = win;
\r
29 this.onLoadEval = "";
\r
31 // Setup parent references
\r
32 tinyMCE = win.tinyMCE;
\r
33 tinyMCELang = win.tinyMCELang;
\r
36 alert("tinyMCE object reference not found from popup.");
\r
40 this.isWindow = tinyMCE.getWindowArg('mce_inside_iframe', false) == false;
\r
41 this.storeSelection = (tinyMCE.isMSIE && !tinyMCE.isOpera) && !this.isWindow && tinyMCE.getWindowArg('mce_store_selection', true);
\r
47 if (this.storeSelection)
\r
48 tinyMCE.selectedInstance.execCommand('mceStoreSelection');
\r
51 if (tinyMCELang['lang_dir'])
\r
52 document.dir = tinyMCELang['lang_dir'];
\r
55 var re = new RegExp('{|\\\$|}', 'g');
\r
56 var title = document.title.replace(re, "");
\r
57 if (typeof tinyMCELang[title] != "undefined") {
\r
58 var divElm = document.createElement("div");
\r
59 divElm.innerHTML = tinyMCELang[title];
\r
60 document.title = divElm.innerHTML;
\r
62 if (tinyMCE.setWindowTitle != null)
\r
63 tinyMCE.setWindowTitle(window, divElm.innerHTML);
\r
66 // Output Popup CSS class
\r
67 document.write('<link href="' + tinyMCE.getParam("popups_css") + '" rel="stylesheet" type="text/css">');
\r
69 tinyMCE.addEvent(window, "load", this.onLoad);
\r
72 TinyMCEPopup.prototype.onLoad = function() {
\r
73 var body = document.body;
\r
75 if (tinyMCE.getWindowArg('mce_replacevariables', true))
\r
76 body.innerHTML = tinyMCE.applyTemplate(body.innerHTML, tinyMCE.windowArgs);
\r
78 var dir = tinyMCE.selectedInstance.settings['directionality'];
\r
80 var elms = document.forms[0].elements;
\r
81 for (var i=0; i<elms.length; i++) {
\r
82 if ((elms[i].type == "text" || elms[i].type == "textarea") && elms[i].getAttribute("dir") != "ltr")
\r
87 if (body.style.display == 'none')
\r
88 body.style.display = 'block';
\r
90 // Execute real onload (Opera fix)
\r
91 if (tinyMCEPopup.onLoadEval != "") {
\r
92 eval(tinyMCEPopup.onLoadEval);
\r
96 TinyMCEPopup.prototype.executeOnLoad = function(str) {
\r
97 if (tinyMCE.isOpera)
\r
98 this.onLoadEval = str;
\r
103 TinyMCEPopup.prototype.resizeToInnerSize = function() {
\r
104 // Netscape 7.1 workaround
\r
105 if (this.isWindow && tinyMCE.isNS71) {
\r
106 window.resizeBy(0, 10);
\r
110 if (this.isWindow) {
\r
111 var doc = document;
\r
112 var body = doc.body;
\r
113 var oldMargin, wrapper, iframe, nodes, dx, dy;
\r
115 if (body.style.display == 'none')
\r
116 body.style.display = 'block';
\r
119 oldMargin = body.style.margin;
\r
120 body.style.margin = '0px';
\r
123 wrapper = doc.createElement("div");
\r
124 wrapper.id = 'mcBodyWrapper';
\r
125 wrapper.style.display = 'none';
\r
126 wrapper.style.margin = '0px';
\r
128 // Wrap body elements
\r
129 nodes = doc.body.childNodes;
\r
130 for (var i=nodes.length-1; i>=0; i--) {
\r
131 if (wrapper.hasChildNodes())
\r
132 wrapper.insertBefore(nodes[i].cloneNode(true), wrapper.firstChild);
\r
134 wrapper.appendChild(nodes[i].cloneNode(true));
\r
136 nodes[i].parentNode.removeChild(nodes[i]);
\r
140 doc.body.appendChild(wrapper);
\r
143 iframe = document.createElement("iframe");
\r
144 iframe.id = "mcWinIframe";
\r
145 iframe.src = document.location.href.toLowerCase().indexOf('https') == -1 ? "about:blank" : tinyMCE.settings['default_document'];
\r
146 iframe.width = "100%";
\r
147 iframe.height = "100%";
\r
148 iframe.style.margin = '0px';
\r
151 doc.body.appendChild(iframe);
\r
154 iframe = document.getElementById('mcWinIframe');
\r
155 dx = tinyMCE.getWindowArg('mce_width') - iframe.clientWidth;
\r
156 dy = tinyMCE.getWindowArg('mce_height') - iframe.clientHeight;
\r
159 // tinyMCE.debug(tinyMCE.getWindowArg('mce_width') + "," + tinyMCE.getWindowArg('mce_height') + " - " + dx + "," + dy);
\r
160 window.resizeBy(dx, dy);
\r
162 // Hide iframe and show wrapper
\r
163 body.style.margin = oldMargin;
\r
164 iframe.style.display = 'none';
\r
165 wrapper.style.display = 'block';
\r
169 TinyMCEPopup.prototype.resizeToContent = function() {
\r
170 var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
\r
171 var isOpera = (navigator.userAgent.indexOf("Opera") != -1);
\r
177 try { window.resizeTo(10, 10); } catch (e) {}
\r
179 var elm = document.body;
\r
180 var width = elm.offsetWidth;
\r
181 var height = elm.offsetHeight;
\r
182 var dx = (elm.scrollWidth - width) + 4;
\r
183 var dy = elm.scrollHeight - height;
\r
185 try { window.resizeBy(dx, dy); } catch (e) {}
\r
187 window.scrollBy(1000, 1000);
\r
188 if (window.scrollX > 0 || window.scrollY > 0) {
\r
189 window.resizeBy(window.innerWidth * 2, window.innerHeight * 2);
\r
190 window.sizeToContent();
\r
191 window.scrollTo(0, 0);
\r
192 var x = parseInt(screen.width / 2.0) - (window.outerWidth / 2.0);
\r
193 var y = parseInt(screen.height / 2.0) - (window.outerHeight / 2.0);
\r
194 window.moveTo(x, y);
\r
199 TinyMCEPopup.prototype.getWindowArg = function(name, default_value) {
\r
200 return tinyMCE.getWindowArg(name, default_value);
\r
203 TinyMCEPopup.prototype.restoreSelection = function() {
\r
204 if (this.storeSelection) {
\r
205 var inst = tinyMCE.selectedInstance;
\r
207 inst.getWin().focus();
\r
208 inst.execCommand('mceRestoreSelection');
\r
212 TinyMCEPopup.prototype.execCommand = function(command, user_interface, value) {
\r
213 var inst = tinyMCE.selectedInstance;
\r
215 this.restoreSelection();
\r
216 inst.execCommand(command, user_interface, value);
\r
219 if (this.storeSelection)
\r
220 inst.execCommand('mceStoreSelection');
\r
223 TinyMCEPopup.prototype.close = function() {
\r
224 tinyMCE.closeWindow(window);
\r
227 TinyMCEPopup.prototype.pickColor = function(e, element_id) {
\r
228 tinyMCE.selectedInstance.execCommand('mceColorPicker', true, {
\r
229 element_id : element_id,
\r
230 document : document,
\r
232 store_selection : false
\r
236 TinyMCEPopup.prototype.openBrowser = function(element_id, type, option) {
\r
237 var cb = tinyMCE.getParam(option, tinyMCE.getParam("file_browser_callback"));
\r
238 var url = document.getElementById(element_id).value;
\r
240 tinyMCE.setWindowArg("window", window);
\r
241 tinyMCE.setWindowArg("document", document);
\r
243 // Call to external callback
\r
244 if (eval('typeof(tinyMCEPopup.windowOpener.' + cb + ')') == "undefined")
\r
245 alert("Callback function: " + cb + " could not be found.");
\r
247 eval("tinyMCEPopup.windowOpener." + cb + "(element_id, url, type, window);");
\r
250 // Setup global instance
\r
251 var tinyMCEPopup = new TinyMCEPopup();
\r
253 tinyMCEPopup.init();
\r