[1257] | 1 | /* |
---|
| 2 | * FCKeditor - The text editor for internet |
---|
| 3 | * Copyright (C) 2003-2006 Frederico Caldeira Knabben |
---|
| 4 | * |
---|
| 5 | * Licensed under the terms of the GNU Lesser General Public License: |
---|
| 6 | * http://www.opensource.org/licenses/lgpl-license.php |
---|
| 7 | * |
---|
| 8 | * For further information visit: |
---|
| 9 | * http://www.fckeditor.net/ |
---|
| 10 | * |
---|
| 11 | * "Support Open Source software. What about a donation today?" |
---|
| 12 | * |
---|
| 13 | * File Name: fckfitwindow.js |
---|
| 14 | * Stretch the editor to full window size and back. |
---|
| 15 | * |
---|
| 16 | * File Authors: |
---|
| 17 | * Paul Moers (mail@saulmade.nl) |
---|
| 18 | * Thanks to Christian Fecteau (webmaster@christianfecteau.com) |
---|
| 19 | * Frederico Caldeira Knabben (fredck@fckeditor.net) |
---|
| 20 | */ |
---|
| 21 | |
---|
| 22 | var FCKFitWindow = function() |
---|
| 23 | { |
---|
| 24 | this.Name = 'FitWindow' ; |
---|
| 25 | } |
---|
| 26 | |
---|
| 27 | FCKFitWindow.prototype.Execute = function() |
---|
| 28 | { |
---|
| 29 | var eEditorFrame = window.frameElement ; |
---|
| 30 | var eEditorFrameStyle = eEditorFrame.style ; |
---|
| 31 | |
---|
| 32 | var eMainWindow = parent ; |
---|
| 33 | var eDocEl = eMainWindow.document.documentElement ; |
---|
| 34 | var eBody = eMainWindow.document.body ; |
---|
| 35 | var eBodyStyle = eBody.style ; |
---|
| 36 | |
---|
| 37 | // No original style properties known? Go fullscreen. |
---|
| 38 | if ( !this.IsMaximized ) |
---|
| 39 | { |
---|
| 40 | // Registering an event handler when the window gets resized. |
---|
| 41 | if( FCKBrowserInfo.IsIE ) |
---|
| 42 | eMainWindow.attachEvent( 'onresize', FCKFitWindow_Resize ) ; |
---|
| 43 | else |
---|
| 44 | eMainWindow.addEventListener( 'resize', FCKFitWindow_Resize, true ) ; |
---|
| 45 | |
---|
| 46 | // Save the scrollbars position. |
---|
| 47 | this._ScrollPos = FCKTools.GetScrollPosition( eMainWindow ) ; |
---|
| 48 | |
---|
| 49 | // Save and reset the styles for the entire node tree. They could interfere in the result. |
---|
| 50 | var eParent = eEditorFrame ; |
---|
| 51 | while( eParent = eParent.parentNode ) |
---|
| 52 | { |
---|
| 53 | if ( eParent.nodeType == 1 ) |
---|
| 54 | eParent._fckSavedStyles = FCKTools.SaveStyles( eParent ) ; |
---|
| 55 | } |
---|
| 56 | |
---|
| 57 | // Hide IE scrollbars (in strict mode). |
---|
| 58 | if ( FCKBrowserInfo.IsIE ) |
---|
| 59 | { |
---|
| 60 | this.documentElementOverflow = eDocEl.style.overflow ; |
---|
| 61 | eDocEl.style.overflow = 'hidden' ; |
---|
| 62 | eBodyStyle.overflow = 'hidden' ; |
---|
| 63 | } |
---|
| 64 | else |
---|
| 65 | { |
---|
| 66 | // Hide the scroolbars in Firefox. |
---|
| 67 | eBodyStyle.overflow = 'hidden' ; |
---|
| 68 | eBodyStyle.width = '0px' ; |
---|
| 69 | eBodyStyle.height = '0px' ; |
---|
| 70 | } |
---|
| 71 | |
---|
| 72 | // Save the IFRAME styles. |
---|
| 73 | this._EditorFrameStyles = FCKTools.SaveStyles( eEditorFrame ) ; |
---|
| 74 | |
---|
| 75 | // Resize. |
---|
| 76 | var oViewPaneSize = FCKTools.GetViewPaneSize( eMainWindow ) ; |
---|
| 77 | |
---|
| 78 | eEditorFrameStyle.position = "absolute"; |
---|
| 79 | eEditorFrameStyle.zIndex = FCKConfig.FloatingPanelsZIndex - 1; |
---|
| 80 | eEditorFrameStyle.left = "0px"; |
---|
| 81 | eEditorFrameStyle.top = "0px"; |
---|
| 82 | eEditorFrameStyle.width = oViewPaneSize.Width + "px"; |
---|
| 83 | eEditorFrameStyle.height = oViewPaneSize.Height + "px"; |
---|
| 84 | |
---|
| 85 | // Giving the frame some (huge) borders on his right and bottom |
---|
| 86 | // side to hide the background that would otherwise show when the |
---|
| 87 | // editor is in fullsize mode and the window is increased in size |
---|
| 88 | // not for IE, because IE immediately adapts the editor on resize, |
---|
| 89 | // without showing any of the background oddly in firefox, the |
---|
| 90 | // editor seems not to fill the whole frame, so just setting the |
---|
| 91 | // background of it to white to cover the page laying behind it anyway. |
---|
| 92 | if ( !FCKBrowserInfo.IsIE ) |
---|
| 93 | { |
---|
| 94 | eEditorFrameStyle.borderRight = eEditorFrameStyle.borderBottom = "9999px solid white" ; |
---|
| 95 | eEditorFrameStyle.backgroundColor = "white"; |
---|
| 96 | } |
---|
| 97 | |
---|
| 98 | // Scroll to top left. |
---|
| 99 | eMainWindow.scrollTo(0, 0); |
---|
| 100 | |
---|
| 101 | this.IsMaximized = true ; |
---|
| 102 | } |
---|
| 103 | else // Resize to original size. |
---|
| 104 | { |
---|
| 105 | // Remove the event handler of window resizing. |
---|
| 106 | if( FCKBrowserInfo.IsIE ) |
---|
| 107 | eMainWindow.detachEvent( "onresize", FCKFitWindow_Resize ) ; |
---|
| 108 | else |
---|
| 109 | eMainWindow.removeEventListener( "resize", FCKFitWindow_Resize, true ) ; |
---|
| 110 | |
---|
| 111 | // Restore the CSS position for the entire node tree. |
---|
| 112 | var eParent = eEditorFrame ; |
---|
| 113 | while( eParent = eParent.parentNode ) |
---|
| 114 | { |
---|
| 115 | if ( eParent._fckSavedStyles ) |
---|
| 116 | { |
---|
| 117 | FCKTools.RestoreStyles( eParent, eParent._fckSavedStyles ) ; |
---|
| 118 | eParent._fckSavedStyles = null ; |
---|
| 119 | } |
---|
| 120 | } |
---|
| 121 | |
---|
| 122 | // Restore IE scrollbars |
---|
| 123 | if ( FCKBrowserInfo.IsIE ) |
---|
| 124 | eDocEl.style.overflow = this.documentElementOverflow ; |
---|
| 125 | |
---|
| 126 | // Restore original size |
---|
| 127 | FCKTools.RestoreStyles( eEditorFrame, this._EditorFrameStyles ) ; |
---|
| 128 | |
---|
| 129 | // Restore the window scroll position. |
---|
| 130 | eMainWindow.scrollTo( this._ScrollPos.X, this._ScrollPos.Y ) ; |
---|
| 131 | |
---|
| 132 | this.IsMaximized = false ; |
---|
| 133 | } |
---|
| 134 | |
---|
| 135 | FCKToolbarItems.GetItem('FitWindow').RefreshState() ; |
---|
| 136 | |
---|
| 137 | // It seams that Firefox restarts the editing area when making this changes. |
---|
| 138 | // On FF 1.0.x, the area is not anymore editable. On FF 1.5+, the special |
---|
| 139 | //configuration, like DisableFFTableHandles and DisableObjectResizing get |
---|
| 140 | //lost, so we must reset it. Also, the cursor position and selection are |
---|
| 141 | //also lost, even if you comment the following line (MakeEditable). |
---|
| 142 | // if ( FCKBrowserInfo.IsGecko10 ) // Initially I thought it was a FF 1.0 only problem. |
---|
| 143 | FCK.EditingArea.MakeEditable() ; |
---|
| 144 | |
---|
| 145 | FCK.Focus() ; |
---|
| 146 | } |
---|
| 147 | |
---|
| 148 | FCKFitWindow.prototype.GetState = function() |
---|
| 149 | { |
---|
| 150 | if ( FCKConfig.ToolbarLocation != 'In' ) |
---|
| 151 | return FCK_TRISTATE_DISABLED ; |
---|
| 152 | else |
---|
| 153 | return ( this.IsMaximized ? FCK_TRISTATE_ON : FCK_TRISTATE_OFF ); |
---|
| 154 | } |
---|
| 155 | |
---|
| 156 | function FCKFitWindow_Resize() |
---|
| 157 | { |
---|
| 158 | var oViewPaneSize = FCKTools.GetViewPaneSize( parent ) ; |
---|
| 159 | |
---|
| 160 | var eEditorFrameStyle = window.frameElement.style ; |
---|
| 161 | |
---|
| 162 | eEditorFrameStyle.width = oViewPaneSize.Width + 'px' ; |
---|
| 163 | eEditorFrameStyle.height = oViewPaneSize.Height + 'px' ; |
---|
| 164 | } |
---|