TinyMCE_Popup.class.js

Summary

No overview generated for 'TinyMCE_Popup.class.js'


Class Summary
TinyMCE_Popup  

/**
 * $RCSfile: overview-summary-TinyMCE_Popup.class.js.html,v $
 * $Revision: 1.24 $
 * $Date: 2006/04/14 20:00:30 $
 *
 * @author Moxiecode
 * @copyright Copyright © 2004-2006, 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.
 */
function TinyMCE_Popup() {
};

/**
 * Initializes the TinyMCE Popup class. This will setup the TinyMCE core references and other popup/dialog related functions.
 */
TinyMCE_Popup.prototype.init = function() {
	var win = window.opener ? window.opener : window.dialogArguments;
	var inst;

	if (!win) {
		// Try parent
		win = parent.parent;

		// Try top
		if (typeof(win.tinyMCE) == "undefined")
			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;
	}

	inst = tinyMCE.selectedInstance;
	this.isWindow = tinyMCE.getWindowArg('mce_inside_iframe', false) == false;
	this.storeSelection = (tinyMCE.isMSIE && !tinyMCE.isOpera) && !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
	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);
};

/**
 * Gets executed when the window has finished loading it's contents. This function will then
 * replace language variables with their real values.
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.prototype.resizeToInnerSize = function() {
	// Netscape 7.1 workaround
	if (this.isWindow && tinyMCE.isNS71) {
		window.resizeBy(0, 10);
		return;
	}

	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 = '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 (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]);
		}

		// 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.
 */
TinyMCE_Popup.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);
		}
	}
};

/**
 * 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
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.prototype.restoreSelection = function() {
	if (this.storeSelection) {
		var 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.
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.prototype.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.
 */
TinyMCE_Popup.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);");
};

/**
 * 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.
 */
TinyMCE_Popup.prototype.importClass = function(c) {
	window[c] = function() {};

	for (var 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();


Documentation generated by JSDoc on Fri Apr 14 21:59:23 2006