2005-09-26 02:52:30 -04:00
|
|
|
|
/**
|
|
|
|
|
* $RCSfile: tiny_mce_popup.js,v $
|
2005-11-05 22:30:11 -05:00
|
|
|
|
* $Revision: 1.18 $
|
|
|
|
|
* $Date: 2005/10/29 19:13:20 $
|
2005-09-26 02:52:30 -04:00
|
|
|
|
*
|
|
|
|
|
* @author Moxiecode
|
|
|
|
|
* @copyright Copyright <EFBFBD> 2004, Moxiecode Systems AB, All rights reserved.
|
|
|
|
|
*/
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
var tinyMCE = null, tinyMCELang = null;
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
function TinyMCEPopup() {
|
|
|
|
|
};
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
TinyMCEPopup.prototype.init = function() {
|
|
|
|
|
var win = window.opener ? window.opener : window.dialogArguments;
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
if (!win)
|
|
|
|
|
win = top;
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
window.opener = win;
|
|
|
|
|
this.windowOpener = win;
|
2005-11-05 22:30:11 -05:00
|
|
|
|
this.onLoadEval = "";
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
// Setup parent references
|
|
|
|
|
tinyMCE = win.tinyMCE;
|
|
|
|
|
tinyMCELang = win.tinyMCELang;
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
if (!tinyMCE) {
|
|
|
|
|
alert("tinyMCE object reference not found from popup.");
|
|
|
|
|
return;
|
|
|
|
|
}
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
this.isWindow = tinyMCE.getWindowArg('mce_inside_iframe', false) == false;
|
|
|
|
|
this.storeSelection = tinyMCE.isMSIE && !this.isWindow && tinyMCE.getWindowArg('mce_store_selection', true);
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-11-05 22:30:11 -05:00
|
|
|
|
if (this.isWindow)
|
|
|
|
|
window.focus();
|
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
// Store selection
|
|
|
|
|
if (this.storeSelection)
|
|
|
|
|
tinyMCE.selectedInstance.execCommand('mceStoreSelection');
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
// Setup dir
|
|
|
|
|
if (tinyMCELang['lang_dir'])
|
|
|
|
|
document.dir = tinyMCELang['lang_dir'];
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
// 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 (tinyMCE.setWindowTitle != null)
|
|
|
|
|
tinyMCE.setWindowTitle(window, divElm.innerHTML);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Output Popup CSS class
|
|
|
|
|
document.write('<link href="' + tinyMCE.getParam("popups_css") + '" rel="stylesheet" type="text/css">');
|
|
|
|
|
|
|
|
|
|
tinyMCE.addEvent(window, "load", this.onLoad);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
TinyMCEPopup.prototype.onLoad = function() {
|
|
|
|
|
var body = document.body;
|
|
|
|
|
|
2005-11-05 22:30:11 -05:00
|
|
|
|
body.onkeydown = function (e) {
|
|
|
|
|
e = e ? e : window.event;
|
|
|
|
|
if ( e.keyCode == 27 && !e.shiftKey && !e.controlKey && !e.altKey ) {
|
|
|
|
|
tinyMCEPopup.close();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (body.style.display == 'none')
|
|
|
|
|
body.style.display = 'block';
|
2005-11-05 22:30:11 -05:00
|
|
|
|
|
|
|
|
|
// Execute real onload (Opera fix)
|
|
|
|
|
if (tinyMCEPopup.onLoadEval != "") {
|
|
|
|
|
eval(tinyMCEPopup.onLoadEval);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
TinyMCEPopup.prototype.executeOnLoad = function(str) {
|
|
|
|
|
if (tinyMCE.isOpera)
|
|
|
|
|
this.onLoadEval = str;
|
|
|
|
|
else
|
|
|
|
|
eval(str);
|
2005-09-26 02:52:30 -04:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
TinyMCEPopup.prototype.resizeToInnerSize = function() {
|
2005-11-05 22:30:11 -05:00
|
|
|
|
// Netscape 7.1 workaround
|
|
|
|
|
if (this.isWindow && tinyMCE.isNS71) {
|
|
|
|
|
window.resizeBy(0, 10);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
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]);
|
|
|
|
|
}
|
2005-08-22 21:33:52 -04:00
|
|
|
|
|
2005-09-26 02:52:30 -04:00
|
|
|
|
// Add wrapper
|
|
|
|
|
doc.body.appendChild(wrapper);
|
|
|
|
|
|
|
|
|
|
// Create iframe
|
|
|
|
|
iframe = document.createElement("iframe");
|
|
|
|
|
iframe.id = "mcWinIframe";
|
2005-11-05 22:30:11 -05:00
|
|
|
|
iframe.src = document.location.href.toLowerCase().indexOf('https') == -1 ? "about:blank" : tinyMCE.settings['default_document'];
|
2005-09-26 02:52:30 -04:00
|
|
|
|
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';
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
TinyMCEPopup.prototype.resizeToContent = function() {
|
2005-08-22 21:33:52 -04:00
|
|
|
|
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);
|
|
|
|
|
}
|
|
|
|
|
}
|
2005-09-26 02:52:30 -04:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
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();
|