Subversion Repositories Applications.papyrus

Rev

Rev 1087 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed 

/*
 * FCKeditor - The text editor for internet
 * Copyright (C) 2003-2006 Frederico Caldeira Knabben
 * 
 * Licensed under the terms of the GNU Lesser General Public License:
 *              http://www.opensource.org/licenses/lgpl-license.php
 * 
 * For further information visit:
 *              http://www.fckeditor.net/
 * 
 * "Support Open Source software. What about a donation today?"
 * 
 * File Name: fckpanel.js
 *      Component that creates floating panels. It is used by many 
 *      other components, like the toolbar items, context menu, etc...
 * 
 * File Authors:
 *              Frederico Caldeira Knabben (fredck@fckeditor.net)
 */


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 ;
        }
        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.style.position          = 'absolute';
                oIFrame.style.zIndex            = FCKConfig.FloatingPanelsZIndex ;
                oIFrame.width = oIFrame.height = 0 ;

                if ( this._Window == window.parent && window.frameElement )
                        window.frameElement.parentNode.insertBefore( oIFrame, window.frameElement ) ;
                else
                        this._Window.document.body.appendChild( oIFrame ) ;
                
                var oIFrameWindow = oIFrame.contentWindow ; 
                
                oDocument = this.Document = oIFrameWindow.document ;

                // Initialize the IFRAME document body.
                oDocument.open() ;
                oDocument.write( '<html><head></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 ;
        
        oDocument.oncontextmenu = 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 correcly.
        this.MainNode.style.cssFloat = this.IsRTL ? 'right' : 'left' ;

        if ( FCK.IECleanup )
                FCK.IECleanup.AddItem( this, FCKPanel_Cleanup ) ;
}


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 )
{
        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.
                this.MainNode.style.width       = width ? width + 'px' : '' ;
                this.MainNode.style.height      = height ? height + 'px' : '' ;
                
                var iMainWidth = this.MainNode.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, this.MainNode.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( FCKFocusManager ) != 'undefined' )
                        FCKFocusManager.Lock() ;

                if ( this.ParentPanel )
                        this.ParentPanel.Lock() ;

                this.MainNode.style.width       = width ? width + 'px' : '' ;
                this.MainNode.style.height      = height ? height + 'px' : '' ;

                var iMainWidth = this.MainNode.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.
                iMainWidth = this.MainNode.offsetWidth ;

                var oPos = FCKTools.GetElementPosition( ( relElement.nodeType == 9 ? relElement.body : relElement), this._Window ) ;

                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 + this.MainNode.offsetHeight ) > iViewPaneHeight )
                                y -= y + this.MainNode.offsetHeight - iViewPaneHeight ;
                }
                
                if ( x < 0 )
                         x = 0 ;

                // Set the context menu DIV in the specified location.
                this._IFrame.style.left = x + 'px' ;
                this._IFrame.style.top  = y + 'px' ;
                
                var iWidth      = iMainWidth ;
                var iHeight     = this.MainNode.offsetHeight ;
                
                this._IFrame.width      = iWidth ;
                this._IFrame.height = iHeight ;

                // Move the focus to the IFRAME so we catch the "onblur".
                this._IFrame.contentWindow.focus() ;
        }

        this._IsOpened = true ;

        FCKTools.RunFunction( this.OnShow, this ) ;
}

FCKPanel.prototype.Hide = function( ignoreOnHide )
{
        if ( this._Popup )
                this._Popup.hide() ;
        else
        {
                if ( !this._IsOpened )
                        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.GetParentWindow( this.Document ) : this._Window ;

        var oChildPanel = new FCKPanel( oWindow, true ) ;
        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 ;
}