fckpanel.js
上传用户:dbstep
上传日期:2022-08-06
资源大小:2803k
文件大小:14k
源码类别:

WEB源码(ASP,PHP,...)

开发平台:

ASP/ASPX

  1. /*
  2.  * FCKeditor - The text editor for Internet - http://www.fckeditor.net
  3.  * Copyright (C) 2003-2009 Frederico Caldeira Knabben
  4.  *
  5.  * == BEGIN LICENSE ==
  6.  *
  7.  * Licensed under the terms of any of the following licenses at your
  8.  * choice:
  9.  *
  10.  *  - GNU General Public License Version 2 or later (the "GPL")
  11.  *    http://www.gnu.org/licenses/gpl.html
  12.  *
  13.  *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  14.  *    http://www.gnu.org/licenses/lgpl.html
  15.  *
  16.  *  - Mozilla Public License Version 1.1 or later (the "MPL")
  17.  *    http://www.mozilla.org/MPL/MPL-1.1.html
  18.  *
  19.  * == END LICENSE ==
  20.  *
  21.  * Component that creates floating panels. It is used by many
  22.  * other components, like the toolbar items, context menu, etc...
  23.  */
  24. var FCKPanel = function( parentWindow )
  25. {
  26. this.IsRTL = ( FCKLang.Dir == 'rtl' ) ;
  27. this.IsContextMenu = false ;
  28. this._LockCounter = 0 ;
  29. this._Window = parentWindow || window ;
  30. var oDocument ;
  31. if ( FCKBrowserInfo.IsIE )
  32. {
  33. // Create the Popup that will hold the panel.
  34. // The popup has to be created before playing with domain hacks, see #1666.
  35. this._Popup = this._Window.createPopup() ;
  36. // this._Window cannot be accessed while playing with domain hacks, but local variable is ok.
  37. // See #1666.
  38. var pDoc = this._Window.document ;
  39. // This is a trick to IE6 (not IE7). The original domain must be set
  40. // before creating the popup, so we are able to take a refence to the
  41. // document inside of it, and the set the proper domain for it. (#123)
  42. if ( FCK_IS_CUSTOM_DOMAIN && !FCKBrowserInfo.IsIE7 )
  43. {
  44. pDoc.domain = FCK_ORIGINAL_DOMAIN ;
  45. document.domain = FCK_ORIGINAL_DOMAIN ;
  46. }
  47. oDocument = this.Document = this._Popup.document ;
  48. // Set the proper domain inside the popup.
  49. if ( FCK_IS_CUSTOM_DOMAIN )
  50. {
  51. oDocument.domain = FCK_RUNTIME_DOMAIN ;
  52. pDoc.domain = FCK_RUNTIME_DOMAIN ;
  53. document.domain = FCK_RUNTIME_DOMAIN ;
  54. }
  55. FCK.IECleanup.AddItem( this, FCKPanel_Cleanup ) ;
  56. }
  57. else
  58. {
  59. var oIFrame = this._IFrame = this._Window.document.createElement('iframe') ;
  60. FCKTools.ResetStyles( oIFrame );
  61. oIFrame.src = 'javascript:void(0)' ;
  62. oIFrame.allowTransparency = true ;
  63. oIFrame.frameBorder = '0' ;
  64. oIFrame.scrolling = 'no' ;
  65. oIFrame.style.width = oIFrame.style.height = '0px' ;
  66. FCKDomTools.SetElementStyles( oIFrame,
  67. {
  68. position : 'absolute',
  69. zIndex : FCKConfig.FloatingPanelsZIndex
  70. } ) ;
  71. this._Window.document.body.appendChild( oIFrame ) ;
  72. var oIFrameWindow = oIFrame.contentWindow ;
  73. oDocument = this.Document = oIFrameWindow.document ;
  74. // Workaround for Safari 12256. Ticket #63
  75. var sBase = '' ;
  76. if ( FCKBrowserInfo.IsSafari )
  77. sBase = '<base href="' + window.document.location + '">' ;
  78. // Initialize the IFRAME document body.
  79. oDocument.open() ;
  80. oDocument.write( '<html><head>' + sBase + '</head><body style="margin:0px;padding:0px;"></body></html>' ) ;
  81. oDocument.close() ;
  82. if( FCKBrowserInfo.IsAIR )
  83. FCKAdobeAIR.Panel_Contructor( oDocument, window.document.location ) ;
  84. FCKTools.AddEventListenerEx( oIFrameWindow, 'focus', FCKPanel_Window_OnFocus, this ) ;
  85. FCKTools.AddEventListenerEx( oIFrameWindow, 'blur', FCKPanel_Window_OnBlur, this ) ;
  86. }
  87. oDocument.dir = FCKLang.Dir ;
  88. FCKTools.AddEventListener( oDocument, 'contextmenu', FCKTools.CancelEvent ) ;
  89. // Create the main DIV that is used as the panel base.
  90. this.MainNode = oDocument.body.appendChild( oDocument.createElement('DIV') ) ;
  91. // The "float" property must be set so Firefox calculates the size correctly.
  92. this.MainNode.style.cssFloat = this.IsRTL ? 'right' : 'left' ;
  93. }
  94. FCKPanel.prototype.AppendStyleSheet = function( styleSheet )
  95. {
  96. FCKTools.AppendStyleSheet( this.Document, styleSheet ) ;
  97. }
  98. FCKPanel.prototype.Preload = function( x, y, relElement )
  99. {
  100. // The offsetWidth and offsetHeight properties are not available if the
  101. // element is not visible. So we must "show" the popup with no size to
  102. // be able to use that values in the second call (IE only).
  103. if ( this._Popup )
  104. this._Popup.show( x, y, 0, 0, relElement ) ;
  105. }
  106. // Workaround for IE7 problem. See #1982
  107. // Submenus are restricted to the size of its parent, so we increase it as needed.
  108. // Returns true if the panel has been repositioned
  109. FCKPanel.prototype.ResizeForSubpanel = function( panel, width, height )
  110. {
  111. if ( !FCKBrowserInfo.IsIE7 )
  112. return false ;
  113. if ( !this._Popup.isOpen )
  114. {
  115. this.Subpanel = null ;
  116. return false ;
  117. }
  118. // If we are resetting the extra space
  119. if ( width == 0 && height == 0 )
  120. {
  121. // Another subpanel is being shown, so we must not shrink back
  122. if (this.Subpanel !== panel)
  123. return false ;
  124. // Reset values.
  125. // We leave the IncreasedY untouched to avoid vertical movement of the
  126. // menu if the submenu is higher than the main menu.
  127. this.Subpanel = null ;
  128. this.IncreasedX = 0 ;
  129. }
  130. else
  131. {
  132. this.Subpanel = panel ;
  133. // If the panel has already been increased enough, get out
  134. if ( ( this.IncreasedX >= width ) && ( this.IncreasedY >= height ) )
  135. return false ;
  136. this.IncreasedX = Math.max( this.IncreasedX, width ) ;
  137. this.IncreasedY = Math.max( this.IncreasedY, height ) ;
  138. }
  139. var x = this.ShowRect.x ;
  140. var w = this.IncreasedX ;
  141. if ( this.IsRTL )
  142. x  = x - w ;
  143. // Horizontally increase as needed (sum of widths).
  144. // Vertically, use only the maximum of this menu or the submenu
  145. var finalWidth = this.ShowRect.w + w ;
  146. var finalHeight = Math.max( this.ShowRect.h, this.IncreasedY ) ;
  147. if ( this.ParentPanel )
  148. this.ParentPanel.ResizeForSubpanel( this, finalWidth, finalHeight ) ;
  149. this._Popup.show( x, this.ShowRect.y, finalWidth, finalHeight, this.RelativeElement ) ;
  150. return this.IsRTL ;
  151. }
  152. FCKPanel.prototype.Show = function( x, y, relElement, width, height )
  153. {
  154. var iMainWidth ;
  155. var eMainNode = this.MainNode ;
  156. if ( this._Popup )
  157. {
  158. // The offsetWidth and offsetHeight properties are not available if the
  159. // element is not visible. So we must "show" the popup with no size to
  160. // be able to use that values in the second call.
  161. this._Popup.show( x, y, 0, 0, relElement ) ;
  162. // The following lines must be place after the above "show", otherwise it
  163. // doesn't has the desired effect.
  164. FCKDomTools.SetElementStyles( eMainNode,
  165. {
  166. width : width ? width + 'px' : '',
  167. height : height ? height + 'px' : ''
  168. } ) ;
  169. iMainWidth = eMainNode.offsetWidth ;
  170. if ( FCKBrowserInfo.IsIE7 )
  171. {
  172. if (this.ParentPanel && this.ParentPanel.ResizeForSubpanel(this, iMainWidth, eMainNode.offsetHeight) )
  173. {
  174. // As the parent has moved, allow the browser to update its internal data, so the new position is correct.
  175. FCKTools.RunFunction( this.Show, this, [x, y, relElement] ) ;
  176. return ;
  177. }
  178. }
  179. if ( this.IsRTL )
  180. {
  181. if ( this.IsContextMenu )
  182. x  = x - iMainWidth + 1 ;
  183. else if ( relElement )
  184. x  = ( x * -1 ) + relElement.offsetWidth - iMainWidth ;
  185. }
  186. if ( FCKBrowserInfo.IsIE7 )
  187. {
  188. // Store the values that will be used by the ResizeForSubpanel function
  189. this.ShowRect = {x:x, y:y, w:iMainWidth, h:eMainNode.offsetHeight} ;
  190. this.IncreasedX = 0 ;
  191. this.IncreasedY = 0 ;
  192. this.RelativeElement = relElement ;
  193. }
  194. // Second call: Show the Popup at the specified location, with the correct size.
  195. this._Popup.show( x, y, iMainWidth, eMainNode.offsetHeight, relElement ) ;
  196. if ( this.OnHide )
  197. {
  198. if ( this._Timer )
  199. CheckPopupOnHide.call( this, true ) ;
  200. this._Timer = FCKTools.SetInterval( CheckPopupOnHide, 100, this ) ;
  201. }
  202. }
  203. else
  204. {
  205. // Do not fire OnBlur while the panel is opened.
  206. if ( typeof( FCK.ToolbarSet.CurrentInstance.FocusManager ) != 'undefined' )
  207. FCK.ToolbarSet.CurrentInstance.FocusManager.Lock() ;
  208. if ( this.ParentPanel )
  209. {
  210. this.ParentPanel.Lock() ;
  211. // Due to a bug on FF3, we must ensure that the parent panel will
  212. // blur (#1584).
  213. FCKPanel_Window_OnBlur( null, this.ParentPanel ) ;
  214. }
  215. // Toggle the iframe scrolling attribute to prevent the panel
  216. // scrollbars from disappearing in FF Mac. (#191)
  217. if ( FCKBrowserInfo.IsGecko && FCKBrowserInfo.IsMac )
  218. {
  219. this._IFrame.scrolling = '' ;
  220. FCKTools.RunFunction( function(){ this._IFrame.scrolling = 'no'; }, this ) ;
  221. }
  222. // Be sure we'll not have more than one Panel opened at the same time.
  223. // Do not unlock focus manager here because we're displaying another floating panel
  224. // instead of returning the editor to a "no panel" state (Bug #1514).
  225. if ( FCK.ToolbarSet.CurrentInstance.GetInstanceObject( 'FCKPanel' )._OpenedPanel &&
  226. FCK.ToolbarSet.CurrentInstance.GetInstanceObject( 'FCKPanel' )._OpenedPanel != this )
  227. FCK.ToolbarSet.CurrentInstance.GetInstanceObject( 'FCKPanel' )._OpenedPanel.Hide( false, true ) ;
  228. FCKDomTools.SetElementStyles( eMainNode,
  229. {
  230. width : width ? width + 'px' : '',
  231. height : height ? height + 'px' : ''
  232. } ) ;
  233. iMainWidth = eMainNode.offsetWidth ;
  234. if ( !width ) this._IFrame.width = 1 ;
  235. if ( !height ) this._IFrame.height = 1 ;
  236. // This is weird... but with Firefox, we must get the offsetWidth before
  237. // setting the _IFrame size (which returns "0"), and then after that,
  238. // to return the correct width. Remove the first step and it will not
  239. // work when the editor is in RTL.
  240. //
  241. // The "|| eMainNode.firstChild.offsetWidth" part has been added
  242. // for Opera compatibility (see #570).
  243. iMainWidth = eMainNode.offsetWidth || eMainNode.firstChild.offsetWidth ;
  244. // Base the popup coordinates upon the coordinates of relElement.
  245. var oPos = FCKTools.GetDocumentPosition( this._Window,
  246. relElement.nodeType == 9 ?
  247. ( FCKTools.IsStrictMode( relElement ) ? relElement.documentElement : relElement.body ) :
  248. relElement ) ;
  249. // Minus the offsets provided by any positioned parent element of the panel iframe.
  250. var positionedAncestor = FCKDomTools.GetPositionedAncestor( this._IFrame.parentNode ) ;
  251. if ( positionedAncestor )
  252. {
  253. var nPos = FCKTools.GetDocumentPosition( FCKTools.GetElementWindow( positionedAncestor ), positionedAncestor ) ;
  254. oPos.x -= nPos.x ;
  255. oPos.y -= nPos.y ;
  256. }
  257. if ( this.IsRTL && !this.IsContextMenu )
  258. x = ( x * -1 ) ;
  259. x += oPos.x ;
  260. y += oPos.y ;
  261. if ( this.IsRTL )
  262. {
  263. if ( this.IsContextMenu )
  264. x  = x - iMainWidth + 1 ;
  265. else if ( relElement )
  266. x  = x + relElement.offsetWidth - iMainWidth ;
  267. }
  268. else
  269. {
  270. var oViewPaneSize = FCKTools.GetViewPaneSize( this._Window ) ;
  271. var oScrollPosition = FCKTools.GetScrollPosition( this._Window ) ;
  272. var iViewPaneHeight = oViewPaneSize.Height + oScrollPosition.Y ;
  273. var iViewPaneWidth = oViewPaneSize.Width + oScrollPosition.X ;
  274. if ( ( x + iMainWidth ) > iViewPaneWidth )
  275. x -= x + iMainWidth - iViewPaneWidth ;
  276. if ( ( y + eMainNode.offsetHeight ) > iViewPaneHeight )
  277. y -= y + eMainNode.offsetHeight - iViewPaneHeight ;
  278. }
  279. // Set the context menu DIV in the specified location.
  280. FCKDomTools.SetElementStyles( this._IFrame,
  281. {
  282. left : x + 'px',
  283. top : y + 'px'
  284. } ) ;
  285. // Move the focus to the IFRAME so we catch the "onblur".
  286. this._IFrame.contentWindow.focus() ;
  287. this._IsOpened = true ;
  288. var me = this ;
  289. this._resizeTimer = setTimeout( function()
  290. {
  291. var iWidth = eMainNode.offsetWidth || eMainNode.firstChild.offsetWidth ;
  292. var iHeight = eMainNode.offsetHeight ;
  293. me._IFrame.style.width = iWidth + 'px' ;
  294. me._IFrame.style.height = iHeight + 'px' ;
  295. }, 0 ) ;
  296. FCK.ToolbarSet.CurrentInstance.GetInstanceObject( 'FCKPanel' )._OpenedPanel = this ;
  297. }
  298. FCKTools.RunFunction( this.OnShow, this ) ;
  299. }
  300. FCKPanel.prototype.Hide = function( ignoreOnHide, ignoreFocusManagerUnlock )
  301. {
  302. if ( this._Popup )
  303. this._Popup.hide() ;
  304. else
  305. {
  306. if ( !this._IsOpened || this._LockCounter > 0 )
  307. return ;
  308. // Enable the editor to fire the "OnBlur".
  309. if ( typeof( FCKFocusManager ) != 'undefined' && !ignoreFocusManagerUnlock )
  310. FCKFocusManager.Unlock() ;
  311. // It is better to set the sizes to 0, otherwise Firefox would have
  312. // rendering problems.
  313. this._IFrame.style.width = this._IFrame.style.height = '0px' ;
  314. this._IsOpened = false ;
  315. if ( this._resizeTimer )
  316. {
  317. clearTimeout( this._resizeTimer ) ;
  318. this._resizeTimer = null ;
  319. }
  320. if ( this.ParentPanel )
  321. this.ParentPanel.Unlock() ;
  322. if ( !ignoreOnHide )
  323. FCKTools.RunFunction( this.OnHide, this ) ;
  324. }
  325. }
  326. FCKPanel.prototype.CheckIsOpened = function()
  327. {
  328. if ( this._Popup )
  329. return this._Popup.isOpen ;
  330. else
  331. return this._IsOpened ;
  332. }
  333. FCKPanel.prototype.CreateChildPanel = function()
  334. {
  335. var oWindow = this._Popup ? FCKTools.GetDocumentWindow( this.Document ) : this._Window ;
  336. var oChildPanel = new FCKPanel( oWindow ) ;
  337. oChildPanel.ParentPanel = this ;
  338. return oChildPanel ;
  339. }
  340. FCKPanel.prototype.Lock = function()
  341. {
  342. this._LockCounter++ ;
  343. }
  344. FCKPanel.prototype.Unlock = function()
  345. {
  346. if ( --this._LockCounter == 0 && !this.HasFocus )
  347. this.Hide() ;
  348. }
  349. /* Events */
  350. function FCKPanel_Window_OnFocus( e, panel )
  351. {
  352. panel.HasFocus = true ;
  353. }
  354. function FCKPanel_Window_OnBlur( e, panel )
  355. {
  356. panel.HasFocus = false ;
  357. if ( panel._LockCounter == 0 )
  358. FCKTools.RunFunction( panel.Hide, panel ) ;
  359. }
  360. function CheckPopupOnHide( forceHide )
  361. {
  362. if ( forceHide || !this._Popup.isOpen )
  363. {
  364. window.clearInterval( this._Timer ) ;
  365. this._Timer = null ;
  366. if (this._Popup && this.ParentPanel && !forceHide)
  367. this.ParentPanel.ResizeForSubpanel(this, 0, 0) ;
  368. FCKTools.RunFunction( this.OnHide, this ) ;
  369. }
  370. }
  371. function FCKPanel_Cleanup()
  372. {
  373. this._Popup = null ;
  374. this._Window = null ;
  375. this.Document = null ;
  376. this.MainNode = null ;
  377. this.RelativeElement = null ;
  378. }