[3295] | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|
| 2 | <!-- |
---|
| 3 | * FCKeditor - The text editor for Internet - http://www.fckeditor.net |
---|
| 4 | * Copyright (C) 2003-2009 Frederico Caldeira Knabben |
---|
| 5 | * |
---|
| 6 | * == BEGIN LICENSE == |
---|
| 7 | * |
---|
| 8 | * Licensed under the terms of any of the following licenses at your |
---|
| 9 | * choice: |
---|
| 10 | * |
---|
| 11 | * - GNU General Public License Version 2 or later (the "GPL") |
---|
| 12 | * http://www.gnu.org/licenses/gpl.html |
---|
| 13 | * |
---|
| 14 | * - GNU Lesser General Public License Version 2.1 or later (the "LGPL") |
---|
| 15 | * http://www.gnu.org/licenses/lgpl.html |
---|
| 16 | * |
---|
| 17 | * - Mozilla Public License Version 1.1 or later (the "MPL") |
---|
| 18 | * http://www.mozilla.org/MPL/MPL-1.1.html |
---|
| 19 | * |
---|
| 20 | * == END LICENSE == |
---|
| 21 | * |
---|
| 22 | * This page is used by all dialog box as the container. |
---|
| 23 | --> |
---|
| 24 | <html xmlns="http://www.w3.org/1999/xhtml"> |
---|
| 25 | <head> |
---|
| 26 | <title></title> |
---|
| 27 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
---|
| 28 | <meta name="robots" content="noindex, nofollow" /> |
---|
| 29 | <script type="text/javascript"> |
---|
| 30 | // <![CDATA[ |
---|
| 31 | |
---|
| 32 | // Domain relaxation logic. |
---|
| 33 | (function() |
---|
| 34 | { |
---|
| 35 | var d = document.domain ; |
---|
| 36 | |
---|
| 37 | while ( true ) |
---|
| 38 | { |
---|
| 39 | // Test if we can access a parent property. |
---|
| 40 | try |
---|
| 41 | { |
---|
| 42 | var parentDomain = ( Args().TopWindow || E ).document.domain ; |
---|
| 43 | |
---|
| 44 | if ( document.domain != parentDomain ) |
---|
| 45 | document.domain = parentDomain ; |
---|
| 46 | |
---|
| 47 | break ; |
---|
| 48 | } |
---|
| 49 | catch( e ) {} |
---|
| 50 | |
---|
| 51 | // Remove a domain part: www.mytest.example.com => mytest.example.com => example.com ... |
---|
| 52 | d = d.replace( /.*?(?:\.|$)/, '' ) ; |
---|
| 53 | |
---|
| 54 | if ( d.length == 0 ) |
---|
| 55 | break ; // It was not able to detect the domain. |
---|
| 56 | |
---|
| 57 | document.domain = d ; |
---|
| 58 | } |
---|
| 59 | })() ; |
---|
| 60 | |
---|
| 61 | var E = frameElement._DialogArguments.Editor ; |
---|
| 62 | |
---|
| 63 | // It seems referencing to frameElement._DialogArguments directly would lead to memory leaks in IE. |
---|
| 64 | // So let's use functions to access its members instead. |
---|
| 65 | function Args() |
---|
| 66 | { |
---|
| 67 | return frameElement._DialogArguments ; |
---|
| 68 | } |
---|
| 69 | |
---|
| 70 | function ParentDialog( dialog ) |
---|
| 71 | { |
---|
| 72 | return dialog ? dialog._ParentDialog : frameElement._ParentDialog ; |
---|
| 73 | } |
---|
| 74 | |
---|
| 75 | var FCK = E.FCK ; |
---|
| 76 | var FCKTools = E.FCKTools ; |
---|
| 77 | var FCKDomTools = E.FCKDomTools ; |
---|
| 78 | var FCKDialog = E.FCKDialog ; |
---|
| 79 | var FCKBrowserInfo = E.FCKBrowserInfo ; |
---|
| 80 | var FCKConfig = E.FCKConfig ; |
---|
| 81 | |
---|
| 82 | // Steal the focus so that the caret would no longer stay in the editor iframe. |
---|
| 83 | window.focus() ; |
---|
| 84 | |
---|
| 85 | // Sets the Skin CSS |
---|
| 86 | document.write( FCKTools.GetStyleHtml( FCKConfig.SkinDialogCSS ) ) ; |
---|
| 87 | |
---|
| 88 | // Sets the language direction. |
---|
| 89 | var langDir = E.FCKLang.Dir ; |
---|
| 90 | |
---|
| 91 | // For IE6-, the fck_dialog_ie6.js is loaded, used to fix limitations in the browser. |
---|
| 92 | if ( FCKBrowserInfo.IsIE && !FCKBrowserInfo.IsIE7 ) |
---|
| 93 | document.write( '<' + 'script type="text/javascript" src="' + FCKConfig.SkinPath + 'fck_dialog_ie6.js"><' + '\/script>' ) ; |
---|
| 94 | |
---|
| 95 | FCKTools.RegisterDollarFunction( window ) ; |
---|
| 96 | |
---|
| 97 | // Resize related functions. |
---|
| 98 | var Sizer = function() |
---|
| 99 | { |
---|
| 100 | var bAutoSize = false ; |
---|
| 101 | |
---|
| 102 | var retval = { |
---|
| 103 | // Sets whether the dialog should auto-resize according to its content's height. |
---|
| 104 | SetAutoSize : function( autoSize ) |
---|
| 105 | { |
---|
| 106 | bAutoSize = autoSize ; |
---|
| 107 | this.RefreshSize() ; |
---|
| 108 | }, |
---|
| 109 | |
---|
| 110 | // Fit the dialog container's layout to the inner iframe's external size. |
---|
| 111 | RefreshContainerSize : function() |
---|
| 112 | { |
---|
| 113 | var frmMain = $( 'frmMain' ) ; |
---|
| 114 | |
---|
| 115 | if ( frmMain ) |
---|
| 116 | { |
---|
| 117 | // Get the container size. |
---|
| 118 | var height = $( 'contents' ).offsetHeight ; |
---|
| 119 | |
---|
| 120 | // Subtract the size of other elements. |
---|
| 121 | height -= $( 'TitleArea' ).offsetHeight ; |
---|
| 122 | height -= $( 'TabsRow' ).offsetHeight ; |
---|
| 123 | height -= $( 'PopupButtons' ).offsetHeight ; |
---|
| 124 | |
---|
| 125 | frmMain.style.height = Math.max( height, 0 ) + 'px' ; |
---|
| 126 | } |
---|
| 127 | }, |
---|
| 128 | |
---|
| 129 | // Resize and re-layout the dialog. |
---|
| 130 | // Triggers the onresize event for the layout logic. |
---|
| 131 | ResizeDialog : function( width, height ) |
---|
| 132 | { |
---|
| 133 | FCKDomTools.SetElementStyles( window.frameElement, |
---|
| 134 | { |
---|
| 135 | 'width' : width + 'px', |
---|
| 136 | 'height' : height + 'px' |
---|
| 137 | } ) ; |
---|
| 138 | |
---|
| 139 | // If the skin have defined a function for resize fixes, call it now. |
---|
| 140 | if ( typeof window.DoResizeFixes == 'function' ) |
---|
| 141 | window.DoResizeFixes() ; |
---|
| 142 | }, |
---|
| 143 | |
---|
| 144 | // if bAutoSize is true, automatically fit the dialog size and layout to |
---|
| 145 | // accomodate the inner iframe's internal height. |
---|
| 146 | // if bAutoSize is false, then only the layout logic for the dialog decorations |
---|
| 147 | // is run to accomodate the inner iframe's external height. |
---|
| 148 | RefreshSize : function() |
---|
| 149 | { |
---|
| 150 | if ( bAutoSize ) |
---|
| 151 | { |
---|
| 152 | var frmMain = $( 'frmMain' ) ; |
---|
| 153 | var innerDoc = frmMain.contentWindow.document ; |
---|
| 154 | var isStrict = FCKTools.IsStrictMode( innerDoc ) ; |
---|
| 155 | |
---|
| 156 | // Get the size of the frame contents. |
---|
| 157 | var innerWidth = isStrict ? innerDoc.documentElement.scrollWidth : innerDoc.body.scrollWidth ; |
---|
| 158 | var innerHeight = isStrict ? innerDoc.documentElement.scrollHeight : innerDoc.body.scrollHeight ; |
---|
| 159 | |
---|
| 160 | // Get the current frame size. |
---|
| 161 | var frameSize = FCKTools.GetViewPaneSize( frmMain.contentWindow ) ; |
---|
| 162 | |
---|
| 163 | var deltaWidth = innerWidth - frameSize.Width ; |
---|
| 164 | var deltaHeight = innerHeight - frameSize.Height ; |
---|
| 165 | |
---|
| 166 | // If the contents fits the current size. |
---|
| 167 | if ( deltaWidth <= 0 && deltaHeight <= 0 ) |
---|
| 168 | return ; |
---|
| 169 | |
---|
| 170 | var dialogWidth = frameElement.offsetWidth + Math.max( deltaWidth, 0 ) ; |
---|
| 171 | var dialogHeight = frameElement.offsetHeight + Math.max( deltaHeight, 0 ) ; |
---|
| 172 | |
---|
| 173 | this.ResizeDialog( dialogWidth, dialogHeight ) ; |
---|
| 174 | } |
---|
| 175 | this.RefreshContainerSize() ; |
---|
| 176 | } |
---|
| 177 | } |
---|
| 178 | |
---|
| 179 | /** |
---|
| 180 | * Safari seems to have a bug with the time when RefreshSize() is executed - it |
---|
| 181 | * thinks frmMain's innerHeight is 0 if we query the value too soon after the |
---|
| 182 | * page is loaded in some circumstances. (#1316) |
---|
| 183 | * TODO : Maybe this is not needed anymore after #35. |
---|
| 184 | */ |
---|
| 185 | if ( FCKBrowserInfo.IsSafari ) |
---|
| 186 | { |
---|
| 187 | var originalRefreshSize = retval.RefreshSize ; |
---|
| 188 | |
---|
| 189 | retval.RefreshSize = function() |
---|
| 190 | { |
---|
| 191 | FCKTools.SetTimeout( originalRefreshSize, 1, retval ) ; |
---|
| 192 | } |
---|
| 193 | } |
---|
| 194 | |
---|
| 195 | /** |
---|
| 196 | * IE6 has a similar bug where it sometimes thinks $('contents') has an |
---|
| 197 | * offsetHeight of 0 (#2114). |
---|
| 198 | */ |
---|
| 199 | if ( FCKBrowserInfo.IsIE && !FCKBrowserInfo.IsIE7 ) |
---|
| 200 | { |
---|
| 201 | var originalRefreshContainerSize = retval.RefreshContainerSize ; |
---|
| 202 | retval.RefreshContainerSize = function() |
---|
| 203 | { |
---|
| 204 | FCKTools.SetTimeout( originalRefreshContainerSize, 1, retval ) ; |
---|
| 205 | } |
---|
| 206 | } |
---|
| 207 | |
---|
| 208 | window.onresize = function() |
---|
| 209 | { |
---|
| 210 | retval.RefreshContainerSize() ; |
---|
| 211 | } |
---|
| 212 | |
---|
| 213 | window.SetAutoSize = FCKTools.Bind( retval, retval.SetAutoSize ) ; |
---|
| 214 | |
---|
| 215 | return retval ; |
---|
| 216 | }() ; |
---|
| 217 | |
---|
| 218 | // Manages the throbber image that appears if the inner part of dialog is taking too long to load. |
---|
| 219 | var Throbber = function() |
---|
| 220 | { |
---|
| 221 | var timer ; |
---|
| 222 | |
---|
| 223 | var updateThrobber = function() |
---|
| 224 | { |
---|
| 225 | var throbberParent = $( 'throbberBlock' ) ; |
---|
| 226 | var throbberBlocks = throbberParent.childNodes ; |
---|
| 227 | var lastClass = throbberParent.lastChild.className ; |
---|
| 228 | |
---|
| 229 | // From the last to the second one, copy the class from the previous one. |
---|
| 230 | for ( var i = throbberBlocks.length - 1 ; i > 0 ; i-- ) |
---|
| 231 | throbberBlocks[i].className = throbberBlocks[i-1].className ; |
---|
| 232 | |
---|
| 233 | // For the first one, copy the last class (rotation). |
---|
| 234 | throbberBlocks[0].className = lastClass ; |
---|
| 235 | } |
---|
| 236 | |
---|
| 237 | return { |
---|
| 238 | Show : function( waitMilliseconds ) |
---|
| 239 | { |
---|
| 240 | // Auto-setup the Show function to be called again after the |
---|
| 241 | // requested amount of time. |
---|
| 242 | if ( waitMilliseconds && waitMilliseconds > 0 ) |
---|
| 243 | { |
---|
| 244 | timer = FCKTools.SetTimeout( this.Show, waitMilliseconds, this, null, window ) ; |
---|
| 245 | return ; |
---|
| 246 | } |
---|
| 247 | |
---|
| 248 | var throbberParent = $( 'throbberBlock' ) ; |
---|
| 249 | |
---|
| 250 | if (throbberParent.childNodes.length == 0) |
---|
| 251 | { |
---|
| 252 | // Create the throbber blocks. |
---|
| 253 | var classIds = [ 1,2,3,4,5,4,3,2 ] ; |
---|
| 254 | while ( classIds.length > 0 ) |
---|
| 255 | throbberParent.appendChild( document.createElement( 'div' ) ).className = ' throbber_' + classIds.shift() ; |
---|
| 256 | } |
---|
| 257 | |
---|
| 258 | // Center the throbber. |
---|
| 259 | var frm = $( 'contents' ) ; |
---|
| 260 | var frmCoords = FCKTools.GetDocumentPosition( window, frm ) ; |
---|
| 261 | var x = frmCoords.x + ( frm.offsetWidth - throbberParent.offsetWidth ) / 2 ; |
---|
| 262 | var y = frmCoords.y + ( frm.offsetHeight - throbberParent.offsetHeight ) / 2 ; |
---|
| 263 | throbberParent.style.left = parseInt( x, 10 ) + 'px' ; |
---|
| 264 | throbberParent.style.top = parseInt( y, 10 ) + 'px' ; |
---|
| 265 | |
---|
| 266 | // Show it. |
---|
| 267 | throbberParent.style.visibility = '' ; |
---|
| 268 | |
---|
| 269 | // Hide tabs and buttons: |
---|
| 270 | $( 'Tabs' ).style.visibility = 'hidden' ; |
---|
| 271 | $( 'PopupButtons' ).style.visibility = 'hidden' ; |
---|
| 272 | |
---|
| 273 | // Setup the animation interval. |
---|
| 274 | timer = setInterval( updateThrobber, 100 ) ; |
---|
| 275 | }, |
---|
| 276 | |
---|
| 277 | Hide : function() |
---|
| 278 | { |
---|
| 279 | if ( timer ) |
---|
| 280 | { |
---|
| 281 | clearInterval( timer ) ; |
---|
| 282 | timer = null ; |
---|
| 283 | } |
---|
| 284 | |
---|
| 285 | $( 'throbberBlock' ).style.visibility = 'hidden' ; |
---|
| 286 | |
---|
| 287 | // Show tabs and buttons: |
---|
| 288 | $( 'Tabs' ).style.visibility = '' ; |
---|
| 289 | $( 'PopupButtons' ).style.visibility = '' ; |
---|
| 290 | } |
---|
| 291 | } ; |
---|
| 292 | }() ; |
---|
| 293 | |
---|
| 294 | // Drag and drop handlers. |
---|
| 295 | var DragAndDrop = function() |
---|
| 296 | { |
---|
| 297 | var registeredWindows = [] ; |
---|
| 298 | var lastCoords ; |
---|
| 299 | var currentPos ; |
---|
| 300 | |
---|
| 301 | var cleanUpHandlers = function() |
---|
| 302 | { |
---|
| 303 | for ( var i = 0 ; i < registeredWindows.length ; i++ ) |
---|
| 304 | { |
---|
| 305 | FCKTools.RemoveEventListener( registeredWindows[i].document, 'mousemove', dragMouseMoveHandler ) ; |
---|
| 306 | FCKTools.RemoveEventListener( registeredWindows[i].document, 'mouseup', dragMouseUpHandler ) ; |
---|
| 307 | } |
---|
| 308 | } |
---|
| 309 | |
---|
| 310 | var dragMouseMoveHandler = function( evt ) |
---|
| 311 | { |
---|
| 312 | if ( !lastCoords ) |
---|
| 313 | return ; |
---|
| 314 | |
---|
| 315 | if ( !evt ) |
---|
| 316 | evt = FCKTools.GetElementDocument( this ).parentWindow.event ; |
---|
| 317 | |
---|
| 318 | // Updated the last coordinates. |
---|
| 319 | var currentCoords = |
---|
| 320 | { |
---|
| 321 | x : evt.screenX, |
---|
| 322 | y : evt.screenY |
---|
| 323 | } ; |
---|
| 324 | |
---|
| 325 | currentPos = |
---|
| 326 | { |
---|
| 327 | x : currentPos.x + ( currentCoords.x - lastCoords.x ), |
---|
| 328 | y : currentPos.y + ( currentCoords.y - lastCoords.y ) |
---|
| 329 | } ; |
---|
| 330 | |
---|
| 331 | lastCoords = currentCoords ; |
---|
| 332 | |
---|
| 333 | frameElement.style.left = currentPos.x + 'px' ; |
---|
| 334 | frameElement.style.top = currentPos.y + 'px' ; |
---|
| 335 | |
---|
| 336 | if ( evt.preventDefault ) |
---|
| 337 | evt.preventDefault() ; |
---|
| 338 | else |
---|
| 339 | evt.returnValue = false ; |
---|
| 340 | } |
---|
| 341 | |
---|
| 342 | var dragMouseUpHandler = function( evt ) |
---|
| 343 | { |
---|
| 344 | if ( !lastCoords ) |
---|
| 345 | return ; |
---|
| 346 | if ( !evt ) |
---|
| 347 | evt = FCKTools.GetElementDocument( this ).parentWindow.event ; |
---|
| 348 | cleanUpHandlers() ; |
---|
| 349 | lastCoords = null ; |
---|
| 350 | } |
---|
| 351 | |
---|
| 352 | return { |
---|
| 353 | |
---|
| 354 | MouseDownHandler : function( evt ) |
---|
| 355 | { |
---|
| 356 | var view = null ; |
---|
| 357 | if ( !evt ) |
---|
| 358 | { |
---|
| 359 | view = FCKTools.GetElementDocument( this ).parentWindow ; |
---|
| 360 | evt = view.event ; |
---|
| 361 | } |
---|
| 362 | else |
---|
| 363 | view = evt.view ; |
---|
| 364 | |
---|
| 365 | var target = evt.srcElement || evt.target ; |
---|
| 366 | if ( target.id == 'closeButton' || target.className == 'PopupTab' || target.className == 'PopupTabSelected' ) |
---|
| 367 | return ; |
---|
| 368 | |
---|
| 369 | lastCoords = |
---|
| 370 | { |
---|
| 371 | x : evt.screenX, |
---|
| 372 | y : evt.screenY |
---|
| 373 | } ; |
---|
| 374 | |
---|
| 375 | // Save the current IFRAME position. |
---|
| 376 | currentPos = |
---|
| 377 | { |
---|
| 378 | x : parseInt( FCKDomTools.GetCurrentElementStyle( frameElement, 'left' ), 10 ), |
---|
| 379 | y : parseInt( FCKDomTools.GetCurrentElementStyle( frameElement, 'top' ), 10 ) |
---|
| 380 | } ; |
---|
| 381 | |
---|
| 382 | for ( var i = 0 ; i < registeredWindows.length ; i++ ) |
---|
| 383 | { |
---|
| 384 | FCKTools.AddEventListener( registeredWindows[i].document, 'mousemove', dragMouseMoveHandler ) ; |
---|
| 385 | FCKTools.AddEventListener( registeredWindows[i].document, 'mouseup', dragMouseUpHandler ) ; |
---|
| 386 | } |
---|
| 387 | |
---|
| 388 | if ( evt.preventDefault ) |
---|
| 389 | evt.preventDefault() ; |
---|
| 390 | else |
---|
| 391 | evt.returnValue = false ; |
---|
| 392 | }, |
---|
| 393 | |
---|
| 394 | RegisterHandlers : function( w ) |
---|
| 395 | { |
---|
| 396 | registeredWindows.push( w ) ; |
---|
| 397 | } |
---|
| 398 | } |
---|
| 399 | }() ; |
---|
| 400 | |
---|
| 401 | // Selection related functions. |
---|
| 402 | //(Became simple shortcuts after the fix for #1990) |
---|
| 403 | var Selection = |
---|
| 404 | { |
---|
| 405 | /** |
---|
| 406 | * Ensures that the editing area contains an active selection. This is a |
---|
| 407 | * requirement for IE, as it looses the selection when the focus moves to other |
---|
| 408 | * frames. |
---|
| 409 | */ |
---|
| 410 | EnsureSelection : function() |
---|
| 411 | { |
---|
| 412 | // Move the focus to the Cancel button so even if the dialog contains a |
---|
| 413 | // contentEditable element the selection is properly restored in the editor #2496 |
---|
| 414 | window.focus() ; |
---|
| 415 | $( 'btnCancel' ).focus() ; |
---|
| 416 | |
---|
| 417 | FCK.Selection.Restore() ; |
---|
| 418 | }, |
---|
| 419 | |
---|
| 420 | /** |
---|
| 421 | * Get the FCKSelection object for the editor instance. |
---|
| 422 | */ |
---|
| 423 | GetSelection : function() |
---|
| 424 | { |
---|
| 425 | return FCK.Selection ; |
---|
| 426 | }, |
---|
| 427 | |
---|
| 428 | /** |
---|
| 429 | * Get the selected element in the editing area (for object selections). |
---|
| 430 | */ |
---|
| 431 | GetSelectedElement : function() |
---|
| 432 | { |
---|
| 433 | return FCK.Selection.GetSelectedElement() ; |
---|
| 434 | } |
---|
| 435 | } |
---|
| 436 | |
---|
| 437 | // Tab related functions. |
---|
| 438 | var Tabs = function() |
---|
| 439 | { |
---|
| 440 | // Only element ids should be stored here instead of element references since setSelectedTab and TabDiv_OnClick |
---|
| 441 | // would build circular references with the element references inside and cause memory leaks in IE6. |
---|
| 442 | var oTabs = new Object() ; |
---|
| 443 | |
---|
| 444 | var setSelectedTab = function( tabCode ) |
---|
| 445 | { |
---|
| 446 | for ( var sCode in oTabs ) |
---|
| 447 | { |
---|
| 448 | if ( sCode == tabCode ) |
---|
| 449 | $( oTabs[sCode] ).className = 'PopupTabSelected' ; |
---|
| 450 | else |
---|
| 451 | $( oTabs[sCode] ).className = 'PopupTab' ; |
---|
| 452 | } |
---|
| 453 | |
---|
| 454 | if ( typeof( window.frames["frmMain"].OnDialogTabChange ) == 'function' ) |
---|
| 455 | window.frames["frmMain"].OnDialogTabChange( tabCode ) ; |
---|
| 456 | } |
---|
| 457 | |
---|
| 458 | function TabDiv_OnClick() |
---|
| 459 | { |
---|
| 460 | setSelectedTab( this.TabCode ) ; |
---|
| 461 | } |
---|
| 462 | |
---|
| 463 | window.AddTab = function( tabCode, tabText, startHidden ) |
---|
| 464 | { |
---|
| 465 | if ( typeof( oTabs[ tabCode ] ) != 'undefined' ) |
---|
| 466 | return ; |
---|
| 467 | |
---|
| 468 | var eTabsRow = $( 'Tabs' ) ; |
---|
| 469 | |
---|
| 470 | var oCell = eTabsRow.insertCell( eTabsRow.cells.length - 1 ) ; |
---|
| 471 | oCell.noWrap = true ; |
---|
| 472 | |
---|
| 473 | var oDiv = document.createElement( 'DIV' ) ; |
---|
| 474 | oDiv.className = 'PopupTab' ; |
---|
| 475 | oDiv.innerHTML = tabText ; |
---|
| 476 | oDiv.TabCode = tabCode ; |
---|
| 477 | oDiv.onclick = TabDiv_OnClick ; |
---|
| 478 | oDiv.id = Math.random() ; |
---|
| 479 | |
---|
| 480 | if ( startHidden ) |
---|
| 481 | oDiv.style.display = 'none' ; |
---|
| 482 | |
---|
| 483 | eTabsRow = $( 'TabsRow' ) ; |
---|
| 484 | |
---|
| 485 | oCell.appendChild( oDiv ) ; |
---|
| 486 | |
---|
| 487 | if ( eTabsRow.style.display == 'none' ) |
---|
| 488 | { |
---|
| 489 | var eTitleArea = $( 'TitleArea' ) ; |
---|
| 490 | eTitleArea.className = 'PopupTitle' ; |
---|
| 491 | |
---|
| 492 | oDiv.className = 'PopupTabSelected' ; |
---|
| 493 | eTabsRow.style.display = '' ; |
---|
| 494 | |
---|
| 495 | if ( window.onresize ) |
---|
| 496 | window.onresize() ; |
---|
| 497 | } |
---|
| 498 | |
---|
| 499 | oTabs[ tabCode ] = oDiv.id ; |
---|
| 500 | |
---|
| 501 | FCKTools.DisableSelection( oDiv ) ; |
---|
| 502 | } ; |
---|
| 503 | |
---|
| 504 | window.SetSelectedTab = setSelectedTab ; |
---|
| 505 | |
---|
| 506 | window.SetTabVisibility = function( tabCode, isVisible ) |
---|
| 507 | { |
---|
| 508 | var oTab = $( oTabs[ tabCode ] ) ; |
---|
| 509 | oTab.style.display = isVisible ? '' : 'none' ; |
---|
| 510 | |
---|
| 511 | if ( ! isVisible && oTab.className == 'PopupTabSelected' ) |
---|
| 512 | { |
---|
| 513 | for ( var sCode in oTabs ) |
---|
| 514 | { |
---|
| 515 | if ( $( oTabs[sCode] ).style.display != 'none' ) |
---|
| 516 | { |
---|
| 517 | setSelectedTab( sCode ) ; |
---|
| 518 | break ; |
---|
| 519 | } |
---|
| 520 | } |
---|
| 521 | } |
---|
| 522 | } ; |
---|
| 523 | }() ; |
---|
| 524 | |
---|
| 525 | // readystatechange handler for registering drag and drop handlers in cover |
---|
| 526 | // iframes, defined out here to avoid memory leak. |
---|
| 527 | // Do NOT put this function as a private function as it will induce memory leak |
---|
| 528 | // in IE and it's not detectable with Drip or sIEve and undetectable leaks are |
---|
| 529 | // really nasty (sigh). |
---|
| 530 | var onReadyRegister = function() |
---|
| 531 | { |
---|
| 532 | if ( this.readyState != 'complete' ) |
---|
| 533 | return ; |
---|
| 534 | DragAndDrop.RegisterHandlers( this.contentWindow ) ; |
---|
| 535 | } ; |
---|
| 536 | |
---|
| 537 | // The business logic of the dialog, dealing with operational things like |
---|
| 538 | // dialog open/dialog close/enable/disable/etc. |
---|
| 539 | (function() |
---|
| 540 | { |
---|
| 541 | var setOnKeyDown = function( targetDocument ) |
---|
| 542 | { |
---|
| 543 | targetDocument.onkeydown = function ( e ) |
---|
| 544 | { |
---|
| 545 | e = e || event || this.parentWindow.event ; |
---|
| 546 | switch ( e.keyCode ) |
---|
| 547 | { |
---|
| 548 | case 13 : // ENTER |
---|
| 549 | var oTarget = e.srcElement || e.target ; |
---|
| 550 | if ( oTarget.tagName == 'TEXTAREA' ) |
---|
| 551 | return true ; |
---|
| 552 | Ok() ; |
---|
| 553 | return false ; |
---|
| 554 | |
---|
| 555 | case 27 : // ESC |
---|
| 556 | Cancel() ; |
---|
| 557 | return false ; |
---|
| 558 | } |
---|
| 559 | return true ; |
---|
| 560 | } |
---|
| 561 | } ; |
---|
| 562 | |
---|
| 563 | var contextMenuBlocker = function( e ) |
---|
| 564 | { |
---|
| 565 | var sTagName = e.target.tagName ; |
---|
| 566 | if ( ! ( ( sTagName == "INPUT" && e.target.type == "text" ) || sTagName == "TEXTAREA" ) ) |
---|
| 567 | e.preventDefault() ; |
---|
| 568 | } ; |
---|
| 569 | |
---|
| 570 | var disableContextMenu = function( targetDocument ) |
---|
| 571 | { |
---|
| 572 | if ( FCKBrowserInfo.IsIE ) |
---|
| 573 | return ; |
---|
| 574 | |
---|
| 575 | targetDocument.addEventListener( 'contextmenu', contextMenuBlocker, true ) ; |
---|
| 576 | } ; |
---|
| 577 | |
---|
| 578 | // Program entry point. |
---|
| 579 | window.Init = function() |
---|
| 580 | { |
---|
| 581 | $( 'contents' ).dir = langDir; |
---|
| 582 | |
---|
| 583 | // Start the throbber timer. |
---|
| 584 | Throbber.Show( 1000 ) ; |
---|
| 585 | |
---|
| 586 | Sizer.RefreshContainerSize() ; |
---|
| 587 | LoadInnerDialog() ; |
---|
| 588 | |
---|
| 589 | FCKTools.DisableSelection( document.body ) ; |
---|
| 590 | |
---|
| 591 | // Make the title area draggable. |
---|
| 592 | var titleElement = $( 'header' ) ; |
---|
| 593 | titleElement.onmousedown = DragAndDrop.MouseDownHandler ; |
---|
| 594 | |
---|
| 595 | // Connect mousemove and mouseup events from dialog frame and outer window to dialog dragging logic. |
---|
| 596 | DragAndDrop.RegisterHandlers( window ) ; |
---|
| 597 | DragAndDrop.RegisterHandlers( Args().TopWindow ) ; |
---|
| 598 | |
---|
| 599 | // Disable the previous dialog if it exists. |
---|
| 600 | if ( ParentDialog() ) |
---|
| 601 | { |
---|
| 602 | ParentDialog().contentWindow.SetEnabled( false ) ; |
---|
| 603 | if ( FCKBrowserInfo.IsIE && !FCKBrowserInfo.IsIE7 ) |
---|
| 604 | { |
---|
| 605 | var currentParent = ParentDialog() ; |
---|
| 606 | while ( currentParent ) |
---|
| 607 | { |
---|
| 608 | var blockerFrame = currentParent.contentWindow.$( 'blocker' ) ; |
---|
| 609 | if ( blockerFrame.readyState == 'complete' ) |
---|
| 610 | DragAndDrop.RegisterHandlers( blockerFrame.contentWindow ) ; |
---|
| 611 | else |
---|
| 612 | blockerFrame.onreadystatechange = onReadyRegister ; |
---|
| 613 | currentParent = ParentDialog( currentParent ) ; |
---|
| 614 | } |
---|
| 615 | } |
---|
| 616 | else |
---|
| 617 | { |
---|
| 618 | var currentParent = ParentDialog() ; |
---|
| 619 | while ( currentParent ) |
---|
| 620 | { |
---|
| 621 | DragAndDrop.RegisterHandlers( currentParent.contentWindow ) ; |
---|
| 622 | currentParent = ParentDialog( currentParent ) ; |
---|
| 623 | } |
---|
| 624 | } |
---|
| 625 | } |
---|
| 626 | |
---|
| 627 | // If this is the only dialog on screen, enable the background cover. |
---|
| 628 | if ( FCKBrowserInfo.IsIE && !FCKBrowserInfo.IsIE7 ) |
---|
| 629 | { |
---|
| 630 | var blockerFrame = FCKDialog.GetCover().firstChild ; |
---|
| 631 | if ( blockerFrame.readyState == 'complete' ) |
---|
| 632 | DragAndDrop.RegisterHandlers( blockerFrame.contentWindow ) ; |
---|
| 633 | else |
---|
| 634 | blockerFrame.onreadystatechange = onReadyRegister; |
---|
| 635 | } |
---|
| 636 | |
---|
| 637 | // Add Enter/Esc hotkeys and disable context menu for the dialog. |
---|
| 638 | setOnKeyDown( document ) ; |
---|
| 639 | disableContextMenu( document ) ; |
---|
| 640 | } ; |
---|
| 641 | |
---|
| 642 | window.LoadInnerDialog = function() |
---|
| 643 | { |
---|
| 644 | if ( window.onresize ) |
---|
| 645 | window.onresize() ; |
---|
| 646 | |
---|
| 647 | // First of all, translate the dialog box contents. |
---|
| 648 | E.FCKLanguageManager.TranslatePage( document ) ; |
---|
| 649 | |
---|
| 650 | // Create the IFRAME that holds the dialog contents. |
---|
| 651 | $( 'innerContents' ).innerHTML = '<iframe id="frmMain" src="' + Args().Page + '" name="frmMain" frameborder="0" width="100%" height="100%" scrolling="auto" style="visibility: hidden;" allowtransparency="true"><\/iframe>' ; |
---|
| 652 | } ; |
---|
| 653 | |
---|
| 654 | window.InnerDialogLoaded = function() |
---|
| 655 | { |
---|
| 656 | // If the dialog has been closed before the iframe is loaded, do nothing. |
---|
| 657 | if ( !frameElement.parentNode ) |
---|
| 658 | return null ; |
---|
| 659 | |
---|
| 660 | Throbber.Hide() ; |
---|
| 661 | |
---|
| 662 | var frmMain = $('frmMain') ; |
---|
| 663 | var innerWindow = frmMain.contentWindow ; |
---|
| 664 | var innerDoc = innerWindow.document ; |
---|
| 665 | |
---|
| 666 | // Show the loaded iframe. |
---|
| 667 | frmMain.style.visibility = '' ; |
---|
| 668 | |
---|
| 669 | // Set the language direction. |
---|
| 670 | innerDoc.documentElement.dir = langDir ; |
---|
| 671 | |
---|
| 672 | // Sets the Skin CSS. |
---|
| 673 | innerDoc.write( FCKTools.GetStyleHtml( FCKConfig.SkinDialogCSS ) ) ; |
---|
| 674 | |
---|
| 675 | setOnKeyDown( innerDoc ) ; |
---|
| 676 | disableContextMenu( innerDoc ) ; |
---|
| 677 | |
---|
| 678 | Sizer.RefreshContainerSize(); |
---|
| 679 | |
---|
| 680 | DragAndDrop.RegisterHandlers( innerWindow ) ; |
---|
| 681 | |
---|
| 682 | innerWindow.focus() ; |
---|
| 683 | |
---|
| 684 | return E ; |
---|
| 685 | } ; |
---|
| 686 | |
---|
| 687 | window.SetOkButton = function( showIt ) |
---|
| 688 | { |
---|
| 689 | $('btnOk').style.visibility = ( showIt ? '' : 'hidden' ) ; |
---|
| 690 | } ; |
---|
| 691 | |
---|
| 692 | window.Ok = function() |
---|
| 693 | { |
---|
| 694 | Selection.EnsureSelection() ; |
---|
| 695 | |
---|
| 696 | var frmMain = window.frames["frmMain"] ; |
---|
| 697 | |
---|
| 698 | if ( frmMain.Ok && frmMain.Ok() ) |
---|
| 699 | CloseDialog() ; |
---|
| 700 | else |
---|
| 701 | frmMain.focus() ; |
---|
| 702 | } ; |
---|
| 703 | |
---|
| 704 | window.Cancel = function( dontFireChange ) |
---|
| 705 | { |
---|
| 706 | Selection.EnsureSelection() ; |
---|
| 707 | return CloseDialog( dontFireChange ) ; |
---|
| 708 | } ; |
---|
| 709 | |
---|
| 710 | window.CloseDialog = function( dontFireChange ) |
---|
| 711 | { |
---|
| 712 | Throbber.Hide() ; |
---|
| 713 | |
---|
| 714 | // Points the src to a non-existent location to avoid loading errors later, in case the dialog |
---|
| 715 | // haven't been completed loaded at this point. |
---|
| 716 | if ( $( 'frmMain' ) ) |
---|
| 717 | $( 'frmMain' ).src = FCKTools.GetVoidUrl() ; |
---|
| 718 | |
---|
| 719 | if ( !dontFireChange && !FCK.EditMode ) |
---|
| 720 | { |
---|
| 721 | // All dialog windows, by default, will fire the "OnSelectionChange" |
---|
| 722 | // event, no matter the Ok or Cancel button has been pressed. |
---|
| 723 | // It seems that OnSelectionChange may enter on a concurrency state |
---|
| 724 | // on some situations (#1965), so we should put the event firing in |
---|
| 725 | // the execution queue instead of executing it immediately. |
---|
| 726 | setTimeout( function() |
---|
| 727 | { |
---|
| 728 | FCK.Events.FireEvent( 'OnSelectionChange' ) ; |
---|
| 729 | }, 0 ) ; |
---|
| 730 | } |
---|
| 731 | |
---|
| 732 | FCKDialog.OnDialogClose( window ) ; |
---|
| 733 | } ; |
---|
| 734 | |
---|
| 735 | window.SetEnabled = function( isEnabled ) |
---|
| 736 | { |
---|
| 737 | var cover = $( 'cover' ) ; |
---|
| 738 | cover.style.display = isEnabled ? 'none' : '' ; |
---|
| 739 | |
---|
| 740 | if ( FCKBrowserInfo.IsIE && !FCKBrowserInfo.IsIE7 ) |
---|
| 741 | { |
---|
| 742 | if ( !isEnabled ) |
---|
| 743 | { |
---|
| 744 | // Inser the blocker IFRAME before the cover. |
---|
| 745 | var blocker = document.createElement( 'iframe' ) ; |
---|
| 746 | blocker.src = FCKTools.GetVoidUrl() ; |
---|
| 747 | blocker.hideFocus = true ; |
---|
| 748 | blocker.frameBorder = 0 ; |
---|
| 749 | blocker.id = blocker.className = 'blocker' ; |
---|
| 750 | cover.appendChild( blocker ) ; |
---|
| 751 | } |
---|
| 752 | else |
---|
| 753 | { |
---|
| 754 | var blocker = $( 'blocker' ) ; |
---|
| 755 | if ( blocker && blocker.parentNode ) |
---|
| 756 | blocker.parentNode.removeChild( blocker ) ; |
---|
| 757 | } |
---|
| 758 | } |
---|
| 759 | } ; |
---|
| 760 | })() ; |
---|
| 761 | // ]]> |
---|
| 762 | </script> |
---|
| 763 | </head> |
---|
| 764 | <body onload="Init();" class="PopupBody"> |
---|
| 765 | <div class="contents" id="contents"> |
---|
| 766 | <div id="header"> |
---|
| 767 | <div id="TitleArea" class="PopupTitle PopupTitleBorder"> |
---|
| 768 | <script type="text/javascript"> |
---|
| 769 | // <![CDATA[ |
---|
| 770 | document.write( Args().Title ) ; |
---|
| 771 | // ]]> |
---|
| 772 | </script> |
---|
| 773 | <div id="closeButton" onclick="Cancel();"></div> |
---|
| 774 | </div> |
---|
| 775 | <div id="TabsRow" class="PopupTabArea" style="display: none"> |
---|
| 776 | <table border="0" cellpadding="0" cellspacing="0" width="100%"> |
---|
| 777 | <tr id="Tabs"> |
---|
| 778 | <td class="PopupTabEmptyArea"> </td> |
---|
| 779 | <td class="PopupTabEmptyArea" width="100%"> </td> |
---|
| 780 | </tr> |
---|
| 781 | </table> |
---|
| 782 | </div> |
---|
| 783 | </div> |
---|
| 784 | <div id="innerContents"></div> |
---|
| 785 | <div id="PopupButtons" class="PopupButtons"> |
---|
| 786 | <table border="0" cellpadding="0" cellspacing="0"> |
---|
| 787 | <tr> |
---|
| 788 | <td width="100%"> </td> |
---|
| 789 | <td nowrap="nowrap"> |
---|
| 790 | <input id="btnOk" style="visibility: hidden;" type="button" value="Ok" class="Button" onclick="Ok();" fckLang="DlgBtnOK" /> |
---|
| 791 | |
---|
| 792 | <input id="btnCancel" type="button" value="Cancel" class="Button" onclick="Cancel();" fckLang="DlgBtnCancel" /> |
---|
| 793 | </td> |
---|
| 794 | </tr> |
---|
| 795 | </table> |
---|
| 796 | </div> |
---|
| 797 | </div> |
---|
| 798 | <div class="tl"></div> |
---|
| 799 | <div class="tc"></div> |
---|
| 800 | <div class="tr"></div> |
---|
| 801 | <div class="ml"></div> |
---|
| 802 | <div class="mr"></div> |
---|
| 803 | <div class="bl"></div> |
---|
| 804 | <div class="bc"></div> |
---|
| 805 | <div class="br"></div> |
---|
| 806 | <div class="cover" id="cover" style="display:none"></div> |
---|
| 807 | <div id="throbberBlock" style="position: absolute; visibility: hidden"></div> |
---|
| 808 | <script type="text/javascript"> |
---|
| 809 | // <![CDATA[ |
---|
| 810 | // Set the class name for language direction. |
---|
| 811 | document.body.className += ' ' + langDir ; |
---|
| 812 | |
---|
| 813 | var cover = $( 'cover' ) ; |
---|
| 814 | cover.style.backgroundColor = FCKConfig.BackgroundBlockerColor ; |
---|
| 815 | FCKDomTools.SetOpacity( cover, FCKConfig.BackgroundBlockerOpacity ) ; |
---|
| 816 | // ]]> |
---|
| 817 | </script> |
---|
| 818 | </body> |
---|
| 819 | </html> |
---|