Overview

Overview | File | Class | Tree | Index | Help
PREV NEXT | FRAMES NO FRAMES

## 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();

Overview | File | Class | Tree | Index | Help
PREV NEXT | FRAMES NO FRAMES

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