fckpanel.js - Create the Popup that will hold the panel.

/source/Plug-in/fck/editor/_source/classes/fckpanel.js

http://prosporous.googlecode.com/ · JavaScript · 359 lines · 234 code · 69 blank · 56 comment · 52 complexity · 20ef51a6f716002607c9781e618e752a MD5 · raw file

/*

 * FCKeditor - The text editor for Internet - http://www.fckeditor.net

 * Copyright (C) 2003-2007 Frederico Caldeira Knabben

 *

 * == BEGIN LICENSE ==

 *

 * Licensed under the terms of any of the following licenses at your

 * choice:

 *

 *  - GNU General Public License Version 2 or later (the "GPL")

 *    http://www.gnu.org/licenses/gpl.html

 *

 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")

 *    http://www.gnu.org/licenses/lgpl.html

 *

 *  - Mozilla Public License Version 1.1 or later (the "MPL")

 *    http://www.mozilla.org/MPL/MPL-1.1.html

 *

 * == END LICENSE ==

 *

 * Component that creates floating panels. It is used by many

 * other components, like the toolbar items, context menu, etc...

 */



var FCKPanel = function( parentWindow )

{

	this.IsRTL			= ( FCKLang.Dir == 'rtl' ) ;

	this.IsContextMenu	= false ;

	this._LockCounter	= 0 ;



	this._Window = parentWindow || window ;



	var oDocument ;



	if ( FCKBrowserInfo.IsIE )

	{

		// Create the Popup that will hold the panel.

		this._Popup	= this._Window.createPopup() ;

		oDocument = this.Document = this._Popup.document ;



		FCK.IECleanup.AddItem( this, FCKPanel_Cleanup ) ;

	}

	else

	{

		var oIFrame = this._IFrame = this._Window.document.createElement('iframe') ;

		oIFrame.src					= 'javascript:void(0)' ;

		oIFrame.allowTransparency	= true ;

		oIFrame.frameBorder			= '0' ;

		oIFrame.scrolling			= 'no' ;

		oIFrame.width = oIFrame.height = 0 ;

		FCKDomTools.SetElementStyles( oIFrame,

			{

				position	: 'absolute',

				zIndex		: FCKConfig.FloatingPanelsZIndex

			} ) ;



		if ( this._Window == window.parent && window.frameElement )

		{

			var scrollPos = null ;

			if ( FCKBrowserInfo.IsGecko && FCK && FCK.EditorDocument )

				scrollPos = [ FCK.EditorDocument.body.scrollLeft, FCK.EditorDocument.body.scrollTop ] ;

			window.frameElement.parentNode.insertBefore( oIFrame, window.frameElement ) ;

			if ( scrollPos )

			{

				var restoreFunc = function()

				{

					FCK.EditorDocument.body.scrollLeft = scrollPos[0] ;

					FCK.EditorDocument.body.scrollTop = scrollPos[1] ;

				}

				setTimeout( restoreFunc, 500 ) ;

			}

		}

		else

			this._Window.document.body.appendChild( oIFrame ) ;



		var oIFrameWindow = oIFrame.contentWindow ;



		oDocument = this.Document = oIFrameWindow.document ;



		// Workaround for Safari 12256. Ticket #63

		var sBase = '' ;

		if ( FCKBrowserInfo.IsSafari )

			sBase = '<base href="' + window.document.location + '">' ;



		// Initialize the IFRAME document body.

		oDocument.open() ;

		oDocument.write( '<html><head>' + sBase + '<\/head><body style="margin:0px;padding:0px;"><\/body><\/html>' ) ;

		oDocument.close() ;



		FCKTools.AddEventListenerEx( oIFrameWindow, 'focus', FCKPanel_Window_OnFocus, this ) ;

		FCKTools.AddEventListenerEx( oIFrameWindow, 'blur', FCKPanel_Window_OnBlur, this ) ;

	}



	oDocument.dir = FCKLang.Dir ;



	FCKTools.AddEventListener( oDocument, 'contextmenu', FCKTools.CancelEvent ) ;





	// Create the main DIV that is used as the panel base.

	this.MainNode = oDocument.body.appendChild( oDocument.createElement('DIV') ) ;



	// The "float" property must be set so Firefox calculates the size correctly.

	this.MainNode.style.cssFloat = this.IsRTL ? 'right' : 'left' ;

}





FCKPanel.prototype.AppendStyleSheet = function( styleSheet )

{

	FCKTools.AppendStyleSheet( this.Document, styleSheet ) ;

}



FCKPanel.prototype.Preload = function( x, y, relElement )

{

	// The offsetWidth and offsetHeight properties are not available if the

	// element is not visible. So we must "show" the popup with no size to

	// be able to use that values in the second call (IE only).

	if ( this._Popup )

		this._Popup.show( x, y, 0, 0, relElement ) ;

}



FCKPanel.prototype.Show = function( x, y, relElement, width, height )

{

	var iMainWidth ;

	var eMainNode = this.MainNode ;



	if ( this._Popup )

	{

		// The offsetWidth and offsetHeight properties are not available if the

		// element is not visible. So we must "show" the popup with no size to

		// be able to use that values in the second call.

		this._Popup.show( x, y, 0, 0, relElement ) ;



		// The following lines must be place after the above "show", otherwise it

		// doesn't has the desired effect.

		FCKDomTools.SetElementStyles( eMainNode,

			{

				width	: width ? width + 'px' : '',

				height	: height ? height + 'px' : ''

			} ) ;



		iMainWidth = eMainNode.offsetWidth ;



		if ( this.IsRTL )

		{

			if ( this.IsContextMenu )

				x  = x - iMainWidth + 1 ;

			else if ( relElement )

				x  = ( x * -1 ) + relElement.offsetWidth - iMainWidth ;

		}



		// Second call: Show the Popup at the specified location, with the correct size.

		this._Popup.show( x, y, iMainWidth, eMainNode.offsetHeight, relElement ) ;



		if ( this.OnHide )

		{

			if ( this._Timer )

				CheckPopupOnHide.call( this, true ) ;



			this._Timer = FCKTools.SetInterval( CheckPopupOnHide, 100, this ) ;

		}

	}

	else

	{

		// Do not fire OnBlur while the panel is opened.

		if ( typeof( FCK.ToolbarSet.CurrentInstance.FocusManager ) != 'undefined' )

			FCK.ToolbarSet.CurrentInstance.FocusManager.Lock() ;



		if ( this.ParentPanel )

		{

			this.ParentPanel.Lock() ;



			// Due to a bug on FF3, we must ensure that the parent panel will

			// blur (#1584).

			FCKPanel_Window_OnBlur( null, this.ParentPanel ) ;

		}



		// Be sure we'll not have more than one Panel opened at the same time.

		if ( FCKPanel._OpenedPanel )

			FCKPanel._OpenedPanel.Hide() ;



		FCKDomTools.SetElementStyles( eMainNode,

			{

				width	: width ? width + 'px' : '',

				height	: height ? height + 'px' : ''

			} ) ;



		iMainWidth = eMainNode.offsetWidth ;



		if ( !width )	this._IFrame.width	= 1 ;

		if ( !height )	this._IFrame.height	= 1 ;



		// This is weird... but with Firefox, we must get the offsetWidth before

		// setting the _IFrame size (which returns "0"), and then after that,

		// to return the correct width. Remove the first step and it will not

		// work when the editor is in RTL.

		//

		// The "|| eMainNode.firstChild.offsetWidth" part has been added

		// for Opera compatibility (see #570).

		iMainWidth = eMainNode.offsetWidth || eMainNode.firstChild.offsetWidth ;



		// Base the popup coordinates upon the coordinates of relElement.

		var oPos = FCKTools.GetDocumentPosition( this._Window,

			relElement.nodeType == 9 ?

				( FCKTools.IsStrictMode( relElement ) ? relElement.documentElement : relElement.body ) :

				relElement ) ;



		// Minus the offsets provided by any positioned parent element of the panel iframe.

		var positionedAncestor = FCKDomTools.GetPositionedAncestor( FCKTools.GetElementWindow( this._IFrame ), this._IFrame.parentNode ) ;

		if ( positionedAncestor )

		{

			var nPos = FCKTools.GetDocumentPosition( FCKTools.GetElementWindow( positionedAncestor ), positionedAncestor ) ;

			oPos.x -= nPos.x ;

			oPos.y -= nPos.y ;

		}



		if ( this.IsRTL && !this.IsContextMenu )

			x = ( x * -1 ) ;



		x += oPos.x ;

		y += oPos.y ;



		if ( this.IsRTL )

		{

			if ( this.IsContextMenu )

				x  = x - iMainWidth + 1 ;

			else if ( relElement )

				x  = x + relElement.offsetWidth - iMainWidth ;

		}

		else

		{

			var oViewPaneSize = FCKTools.GetViewPaneSize( this._Window ) ;

			var oScrollPosition = FCKTools.GetScrollPosition( this._Window ) ;



			var iViewPaneHeight	= oViewPaneSize.Height + oScrollPosition.Y ;

			var iViewPaneWidth	= oViewPaneSize.Width + oScrollPosition.X ;



			if ( ( x + iMainWidth ) > iViewPaneWidth )

				x -= x + iMainWidth - iViewPaneWidth ;



			if ( ( y + eMainNode.offsetHeight ) > iViewPaneHeight )

				y -= y + eMainNode.offsetHeight - iViewPaneHeight ;

		}



		if ( x < 0 )

			 x = 0 ;



		// Set the context menu DIV in the specified location.

		FCKDomTools.SetElementStyles( this._IFrame,

			{

				left	: x + 'px',

				top		: y + 'px'

			} ) ;



		var iWidth	= iMainWidth ;

		var iHeight	= eMainNode.offsetHeight ;



		this._IFrame.width	= iWidth ;

		this._IFrame.height = iHeight ;



		// Move the focus to the IFRAME so we catch the "onblur".

		this._IFrame.contentWindow.focus() ;



		FCKPanel._OpenedPanel = this ;

	}



	this._IsOpened = true ;



	FCKTools.RunFunction( this.OnShow, this ) ;

}



FCKPanel.prototype.Hide = function( ignoreOnHide )

{

	if ( this._Popup )

		this._Popup.hide() ;

	else

	{

		if ( !this._IsOpened || this._LockCounter > 0 )

			return ;



		// Enable the editor to fire the "OnBlur".

		if ( typeof( FCKFocusManager ) != 'undefined' )

			FCKFocusManager.Unlock() ;



		// It is better to set the sizes to 0, otherwise Firefox would have

		// rendering problems.

		this._IFrame.width = this._IFrame.height = 0 ;



		this._IsOpened = false ;



		if ( this.ParentPanel )

			this.ParentPanel.Unlock() ;



		if ( !ignoreOnHide )

			FCKTools.RunFunction( this.OnHide, this ) ;

	}

}



FCKPanel.prototype.CheckIsOpened = function()

{

	if ( this._Popup )

		return this._Popup.isOpen ;

	else

		return this._IsOpened ;

}



FCKPanel.prototype.CreateChildPanel = function()

{

	var oWindow = this._Popup ? FCKTools.GetDocumentWindow( this.Document ) : this._Window ;



	var oChildPanel = new FCKPanel( oWindow ) ;

	oChildPanel.ParentPanel = this ;



	return oChildPanel ;

}



FCKPanel.prototype.Lock = function()

{

	this._LockCounter++ ;

}



FCKPanel.prototype.Unlock = function()

{

	if ( --this._LockCounter == 0 && !this.HasFocus )

		this.Hide() ;

}



/* Events */



function FCKPanel_Window_OnFocus( e, panel )

{

	panel.HasFocus = true ;

}



function FCKPanel_Window_OnBlur( e, panel )

{

	panel.HasFocus = false ;



	if ( panel._LockCounter == 0 )

		FCKTools.RunFunction( panel.Hide, panel ) ;

}



function CheckPopupOnHide( forceHide )

{

	if ( forceHide || !this._Popup.isOpen )

	{

		window.clearInterval( this._Timer ) ;

		this._Timer = null ;



		FCKTools.RunFunction( this.OnHide, this ) ;

	}

}



function FCKPanel_Cleanup()

{

	this._Popup = null ;

	this._Window = null ;

	this.Document = null ;

	this.MainNode = null ;

}
Alerts (3)

Complexity hotspot; line 57 (total complexity: 3)
57
Complexity hotspot; line 60 (total complexity: 3)
60
Complexity hotspot; line 323 (total complexity: 3)
323