/**
* $Id$
*
* @author Moxiecode
* @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
*/
// Some global instances, this will be filled later
var tinyMCE = null, tinyMCELang = null;
/**
* Constructor for the popup class. This class contains base logic for popup/dialogs and sets up
* object references to the TinyMCE core.
*
* @constructor
*/
function TinyMCE_Popup() {
};
/**#@+
* @member TinyMCE_Popup
*/
TinyMCE_Popup.prototype = {
/**#@+
* @method
*/
/**
* Searches for a window with a TinyMCE instance by looping through parent windows and openers.
*
* @param {DOMWindow} w DOM window to start search by.
* @return {DOMWindow} Window with TinyMCE instance in it or null.
*/
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;
},
/**
* Initializes the TinyMCE Popup class. This will setup the TinyMCE core references and other popup/dialog related functions.
*/
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);
},
/**
* Gets executed when the window has finished loading it's contents. This function will then
* replace language variables with their real values.
*/
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);
},
/**
* Executes the specified string onload. This is a workaround for Opera since it
* doesn't execute the events in the same order than MSIE and Firefox.
*
* @param {string} str String to evaluate on load.
*/
executeOnLoad : function(str) {
if (tinyMCE.isOpera)
this.onLoadEval = str;
else
eval(str);
},
/**
* Resizes the current window to it's inner body size. This function
* was needed since MSIE makes the visible dialog area diffrent depending
* on what Theme/Skin you use.
*/
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';
}
},
/**
* Resizes the current window to the dimensions of the body.
*/
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);
}
}
},
/**
* Returns a window argument, window arguments can be passed from a plugin to a window
* by using the tinyMCE.openWindow function.
*
* @param {string} name Argument name to retrive.
* @param {string} default_value Optional default value to assign if the argument wasn't set.
* @return Argument value object.
* @type Object
*/
getWindowArg : function(name, default_value) {
return tinyMCE.getWindowArg(name, default_value);
},
/**
* Restores the selection back to the one stored after executing a command.
* This function was needed in MSIE when using inlinepopups, the selection
* would otherwice get lost if the user focused another field.
*/
restoreSelection : function() {
var inst;
if (this.storeSelection) {
inst = tinyMCE.selectedInstance;
inst.getWin().focus();
if (inst.selectionBookmark)
inst.selection.moveToBookmark(inst.selectionBookmark);
}
},
/**
* Executes the specific command on the parent instance that opened the window. This method
* will also take care of the storage and restorage of the current selection in MSIE when
* using inlinepopups. So we suggest using this method instead of tinyMCE.execCommand when using
* popup windows.
*
* @param {string} command Command name to execute, for example mceLink or Bold.
* @param {boolean} user_interface True/false state if a UI (dialog) should be presented or not.
* @param {mixed} value Optional command value, this can be anything.
*/
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);
},
/**
* Closes the current window. This should be used instead of window.close. Since this will
* also handle inlinepopups closing.
*/
close : function() {
tinyMCE.closeWindow(window);
},
/**
* Executes a color picker on the specified element id. When the user
* then selects a color it will be set as the value of the specified element.
*
* @param {DOMEvent} e DOM event object.
* @param {string} element_id Element id to be filled with the color value from the picker.
*/
pickColor : function(e, element_id) {
tinyMCE.selectedInstance.execCommand('mceColorPicker', true, {
element_id : element_id,
document : document,
window : window,
store_selection : false
});
},
/**
* Opens a filebrowser/imagebrowser this will set the output value from
* the browser as a value on the specified element.
*
* @param {string} element_id Id of the element to set value in.
* @param {string} type Type of browser to open image/file/flash.
* @param {string} option Option name to get the file_broswer_callback function name from.
*/
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);");
},
/**
* Imports the specified class into the current popup. This will setup a local class definition
* by importing from the parent window.
*
* @param {string} c Class name to import to current page.
*/
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();