scripts/fckeditor2.6.6/editor/dialog/fck_docprops.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2 <!--
   3  * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   4  * Copyright (C) 2003-2010 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  * Link dialog window.
  23 -->
  24 <html>
  25 <head>
  26         <title></title>
  27         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  28         <meta content="noindex, nofollow" name="robots" >
  29         <script src="common/fck_dialog_common.js" type="text/javascript"></script>
  30         <script type="text/javascript">
  31
  32 var oEditor             = window.parent.InnerDialogLoaded() ;
  33 var FCK                 = oEditor.FCK ;
  34 var FCKLang             = oEditor.FCKLang ;
  35 var FCKConfig   = oEditor.FCKConfig ;
  36
  37 //#### Dialog Tabs
  38
  39 // Set the dialog tabs.
  40 window.parent.AddTab( 'General'         , FCKLang.DlgDocGeneralTab ) ;
  41 window.parent.AddTab( 'Background'      , FCKLang.DlgDocBackTab ) ;
  42 window.parent.AddTab( 'Colors'          , FCKLang.DlgDocColorsTab ) ;
  43 window.parent.AddTab( 'Meta'            , FCKLang.DlgDocMetaTab ) ;
  44
  45 // Function called when a dialog tag is selected.
  46 function OnDialogTabChange( tabCode )
  47 {
  48         ShowE( 'divGeneral'             , ( tabCode == 'General' ) ) ;
  49         ShowE( 'divBackground'  , ( tabCode == 'Background' ) ) ;
  50         ShowE( 'divColors'              , ( tabCode == 'Colors' ) ) ;
  51         ShowE( 'divMeta'                , ( tabCode == 'Meta' ) ) ;
  52
  53         ShowE( 'ePreview'               , ( tabCode == 'Background' || tabCode == 'Colors' ) ) ;
  54 }
  55
  56 //#### Get Base elements from the document: BEGIN
  57
  58 // The HTML element of the document.
  59 var oHTML = FCK.EditorDocument.getElementsByTagName('html')[0] ;
  60
  61 // The HEAD element of the document.
  62 var oHead = oHTML.getElementsByTagName('head')[0] ;
  63
  64 var oBody = FCK.EditorDocument.body ;
  65
  66 // This object contains all META tags defined in the document.
  67 var oMetaTags = new Object() ;
  68
  69 // Get all META tags defined in the document.
  70 AppendMetaCollection( oMetaTags, oHead.getElementsByTagName('meta') ) ;
  71 AppendMetaCollection( oMetaTags, oHead.getElementsByTagName('fck:meta') ) ;
  72
  73 function AppendMetaCollection( targetObject, metaCollection )
  74 {
  75         // Loop throw all METAs and put it in the HashTable.
  76         for ( var i = 0 ; i < metaCollection.length ; i++ )
  77         {
  78                 // Try to get the "name" attribute.
  79                 var sName = GetAttribute( metaCollection[i], 'name', GetAttribute( metaCollection[i], '___fcktoreplace:name', '' ) ) ;
  80
  81                 // If no "name", try with the "http-equiv" attribute.
  82                 if ( sName.length == 0 )
  83                 {
  84                         if ( oEditor.FCKBrowserInfo.IsIE )
  85                         {
  86                                 // Get the http-equiv value from the outerHTML.
  87                                 var oHttpEquivMatch = metaCollection[i].outerHTML.match( oEditor.FCKRegexLib.MetaHttpEquiv ) ;
  88                                 if ( oHttpEquivMatch )
  89                                         sName = oHttpEquivMatch[1] ;
  90                         }
  91                         else
  92                                 sName = GetAttribute( metaCollection[i], 'http-equiv', '' ) ;
  93                 }
  94
  95                 if ( sName.length > 0 )
  96                         targetObject[ sName.toLowerCase() ] = metaCollection[i] ;
  97         }
  98 }
  99
 100 //#### END
 101
 102 // Set a META tag in the document.
 103 function SetMetadata( name, content, isHttp )
 104 {
 105         if ( content.length == 0 )
 106         {
 107                 RemoveMetadata( name ) ;
 108                 return ;
 109         }
 110
 111         var oMeta = oMetaTags[ name.toLowerCase() ] ;
 112
 113         if ( !oMeta )
 114         {
 115                 oMeta = oHead.appendChild( FCK.EditorDocument.createElement('META') ) ;
 116
 117                 if ( isHttp )
 118                         SetAttribute( oMeta, 'http-equiv', name ) ;
 119                 else
 120                 {
 121                         // On IE, it is not possible to set the "name" attribute of the META tag.
 122                         // So a temporary attribute is used and it is replaced when getting the
 123                         // editor's HTML/XHTML value. This is sad, I know :(
 124                         if ( oEditor.FCKBrowserInfo.IsIE )
 125                                 SetAttribute( oMeta, '___fcktoreplace:name', name ) ;
 126                         else
 127                                 SetAttribute( oMeta, 'name', name ) ;
 128                 }
 129
 130                 oMetaTags[ name.toLowerCase() ] = oMeta ;
 131         }
 132
 133         SetAttribute( oMeta, 'content', content ) ;
 134 //      oMeta.content = content ;
 135 }
 136
 137 function RemoveMetadata( name )
 138 {
 139         var oMeta = oMetaTags[ name.toLowerCase() ] ;
 140
 141         if ( oMeta && oMeta != null )
 142         {
 143                 oMeta.parentNode.removeChild( oMeta ) ;
 144                 oMetaTags[ name.toLowerCase() ] = null ;
 145         }
 146 }
 147
 148 function GetMetadata( name )
 149 {
 150         var oMeta = oMetaTags[ name.toLowerCase() ] ;
 151
 152         if ( oMeta && oMeta != null )
 153                 return oMeta.getAttribute( 'content', 2 ) ;
 154         else
 155                 return '' ;
 156 }
 157
 158 window.onload = function ()
 159 {
 160         // Show/Hide the "Browse Server" button.
 161         GetE('tdBrowse').style.display = oEditor.FCKConfig.ImageBrowser ? "" : "none";
 162
 163         // First of all, translate the dialog box texts
 164         oEditor.FCKLanguageManager.TranslatePage( document ) ;
 165
 166         FillFields() ;
 167
 168         UpdatePreview() ;
 169
 170         // Show the "Ok" button.
 171         window.parent.SetOkButton( true ) ;
 172
 173         window.parent.SetAutoSize( true ) ;
 174 }
 175
 176 function FillFields()
 177 {
 178         // ### General Info
 179         GetE('txtPageTitle').value = FCK.EditorDocument.title ;
 180
 181         GetE('selDirection').value      = GetAttribute( oHTML, 'dir', '' ) ;
 182         GetE('txtLang').value           = GetAttribute( oHTML, 'xml:lang', GetAttribute( oHTML, 'lang', '' ) ) ;        // "xml:lang" takes precedence to "lang".
 183
 184         // Character Set Encoding.
 185 //      if ( oEditor.FCKBrowserInfo.IsIE )
 186 //              var sCharSet = FCK.EditorDocument.charset ;
 187 //      else
 188                 var sCharSet = GetMetadata( 'Content-Type' ) ;
 189
 190         if ( sCharSet != null && sCharSet.length > 0 )
 191         {
 192 //              if ( !oEditor.FCKBrowserInfo.IsIE )
 193                         sCharSet = sCharSet.match( /[^=]*$/ ) ;
 194
 195                 GetE('selCharSet').value = sCharSet ;
 196
 197                 if ( GetE('selCharSet').selectedIndex == -1 )
 198                 {
 199                         GetE('selCharSet').value = '...' ;
 200                         GetE('txtCustomCharSet').value = sCharSet ;
 201
 202                         CheckOther( GetE('selCharSet'), 'txtCustomCharSet' ) ;
 203                 }
 204         }
 205
 206         // Document Type.
 207         if ( FCK.DocTypeDeclaration && FCK.DocTypeDeclaration.length > 0 )
 208         {
 209                 GetE('selDocType').value = FCK.DocTypeDeclaration ;
 210
 211                 if ( GetE('selDocType').selectedIndex == -1 )
 212                 {
 213                         GetE('selDocType').value = '...' ;
 214                         GetE('txtDocType').value = FCK.DocTypeDeclaration ;
 215
 216                         CheckOther( GetE('selDocType'), 'txtDocType' ) ;
 217                 }
 218         }
 219
 220         // Document Type.
 221         GetE('chkIncXHTMLDecl').checked = ( FCK.XmlDeclaration && FCK.XmlDeclaration.length > 0 ) ;
 222
 223         // ### Background
 224         GetE('txtBackColor').value = GetAttribute( oBody, 'bgColor'             , '' ) ;
 225         GetE('txtBackImage').value = GetAttribute( oBody, 'background'  , '' ) ;
 226         GetE('chkBackNoScroll').checked = ( GetAttribute( oBody, 'bgProperties', '' ).toLowerCase() == 'fixed' ) ;
 227
 228         // ### Colors
 229         GetE('txtColorText').value              = GetAttribute( oBody, 'text'   , '' ) ;
 230         GetE('txtColorLink').value              = GetAttribute( oBody, 'link'   , '' ) ;
 231         GetE('txtColorVisited').value   = GetAttribute( oBody, 'vLink'  , '' ) ;
 232         GetE('txtColorActive').value    = GetAttribute( oBody, 'aLink'  , '' ) ;
 233
 234         // ### Margins
 235         GetE('txtMarginTop').value              = GetAttribute( oBody, 'topMargin'              , '' ) ;
 236         GetE('txtMarginLeft').value             = GetAttribute( oBody, 'leftMargin'             , '' ) ;
 237         GetE('txtMarginRight').value    = GetAttribute( oBody, 'rightMargin'    , '' ) ;
 238         GetE('txtMarginBottom').value   = GetAttribute( oBody, 'bottomMargin'   , '' ) ;
 239
 240         // ### Meta Data
 241         GetE('txtMetaKeywords').value           = GetMetadata( 'keywords' ) ;
 242         GetE('txtMetaDescription').value        = GetMetadata( 'description' ) ;
 243         GetE('txtMetaAuthor').value                     = GetMetadata( 'author' ) ;
 244         GetE('txtMetaCopyright').value          = GetMetadata( 'copyright' ) ;
 245 }
 246
 247 // Called when the "Ok" button is clicked.
 248 function Ok()
 249 {
 250         // ### General Info
 251         FCK.EditorDocument.title = GetE('txtPageTitle').value ;
 252
 253         var oHTML = FCK.EditorDocument.getElementsByTagName('html')[0] ;
 254
 255         SetAttribute( oHTML, 'dir'              , GetE('selDirection').value ) ;
 256         SetAttribute( oHTML, 'lang'             , GetE('txtLang').value ) ;
 257         SetAttribute( oHTML, 'xml:lang' , GetE('txtLang').value ) ;
 258
 259         // Character Set Enconding.
 260         var sCharSet = GetE('selCharSet').value ;
 261         if ( sCharSet == '...' )
 262                 sCharSet = GetE('txtCustomCharSet').value ;
 263
 264         if ( sCharSet.length > 0 )
 265                         sCharSet = 'text/html; charset=' + sCharSet ;
 266
 267 //      if ( oEditor.FCKBrowserInfo.IsIE )
 268 //              FCK.EditorDocument.charset = sCharSet ;
 269 //      else
 270                 SetMetadata( 'Content-Type', sCharSet, true ) ;
 271
 272         // Document Type
 273         var sDocType = GetE('selDocType').value ;
 274         if ( sDocType == '...' )
 275                 sDocType = GetE('txtDocType').value ;
 276
 277         FCK.DocTypeDeclaration = sDocType ;
 278
 279         // XHTML Declarations.
 280         if ( GetE('chkIncXHTMLDecl').checked )
 281         {
 282                 if ( sCharSet.length == 0 )
 283                         sCharSet = 'utf-8' ;
 284
 285                 FCK.XmlDeclaration = '<' + '?xml version="1.0" encoding="' + sCharSet + '"?>' ;
 286
 287                 SetAttribute( oHTML, 'xmlns', 'http://www.w3.org/1999/xhtml' ) ;
 288         }
 289         else
 290         {
 291                 FCK.XmlDeclaration = null ;
 292                 oHTML.removeAttribute( 'xmlns', 0 ) ;
 293         }
 294
 295         // ### Background
 296         SetAttribute( oBody, 'bgcolor'          , GetE('txtBackColor').value ) ;
 297         SetAttribute( oBody, 'background'       , GetE('txtBackImage').value ) ;
 298         SetAttribute( oBody, 'bgproperties'     , GetE('chkBackNoScroll').checked ? 'fixed' : '' ) ;
 299
 300         // ### Colors
 301         SetAttribute( oBody, 'text'     , GetE('txtColorText').value ) ;
 302         SetAttribute( oBody, 'link'     , GetE('txtColorLink').value ) ;
 303         SetAttribute( oBody, 'vlink', GetE('txtColorVisited').value ) ;
 304         SetAttribute( oBody, 'alink', GetE('txtColorActive').value ) ;
 305
 306         // ### Margins
 307         SetAttribute( oBody, 'topmargin'        , GetE('txtMarginTop').value ) ;
 308         SetAttribute( oBody, 'leftmargin'       , GetE('txtMarginLeft').value ) ;
 309         SetAttribute( oBody, 'rightmargin'      , GetE('txtMarginRight').value ) ;
 310         SetAttribute( oBody, 'bottommargin'     , GetE('txtMarginBottom').value ) ;
 311
 312         // ### Meta data
 313         SetMetadata( 'keywords'         , GetE('txtMetaKeywords').value ) ;
 314         SetMetadata( 'description'      , GetE('txtMetaDescription').value ) ;
 315         SetMetadata( 'author'           , GetE('txtMetaAuthor').value ) ;
 316         SetMetadata( 'copyright'        , GetE('txtMetaCopyright').value ) ;
 317
 318         return true ;
 319 }
 320
 321 var bPreviewIsLoaded = false ;
 322 var oPreviewWindow ;
 323 var oPreviewBody ;
 324
 325 // Called by the Preview page when loaded.
 326 function OnPreviewLoad( previewWindow, previewBody )
 327 {
 328         oPreviewWindow  = previewWindow ;
 329         oPreviewBody    = previewBody ;
 330
 331         bPreviewIsLoaded = true ;
 332         UpdatePreview() ;
 333 }
 334
 335 function UpdatePreview()
 336 {
 337         if ( !bPreviewIsLoaded )
 338                 return ;
 339
 340         // ### Background
 341         SetAttribute( oPreviewBody, 'bgcolor'           , GetE('txtBackColor').value ) ;
 342         SetAttribute( oPreviewBody, 'background'        , GetE('txtBackImage').value ) ;
 343         SetAttribute( oPreviewBody, 'bgproperties'      , GetE('chkBackNoScroll').checked ? 'fixed' : '' ) ;
 344
 345         // ### Colors
 346         SetAttribute( oPreviewBody, 'text', GetE('txtColorText').value ) ;
 347
 348         oPreviewWindow.SetLinkColor( GetE('txtColorLink').value ) ;
 349         oPreviewWindow.SetVisitedColor( GetE('txtColorVisited').value ) ;
 350         oPreviewWindow.SetActiveColor( GetE('txtColorActive').value ) ;
 351 }
 352
 353 function CheckOther( combo, txtField )
 354 {
 355         var bNotOther = ( combo.value != '...' ) ;
 356
 357         GetE(txtField).style.backgroundColor = ( bNotOther ? '#cccccc' : '' ) ;
 358         GetE(txtField).disabled = bNotOther ;
 359 }
 360
 361 function SetColor( inputId, color )
 362 {
 363         GetE( inputId ).value = color + '' ;
 364         UpdatePreview() ;
 365 }
 366
 367 function SelectBackColor( color )               { SetColor('txtBackColor', color ) ; }
 368 function SelectColorText( color )               { SetColor('txtColorText', color ) ; }
 369 function SelectColorLink( color )               { SetColor('txtColorLink', color ) ; }
 370 function SelectColorVisited( color )    { SetColor('txtColorVisited', color ) ; }
 371 function SelectColorActive( color )             { SetColor('txtColorActive', color ) ; }
 372
 373 function SelectColor( wich )
 374 {
 375         switch ( wich )
 376         {
 377                 case 'Back'                     : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 410, 320, SelectBackColor ) ; return ;
 378                 case 'ColorText'        : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 410, 320, SelectColorText ) ; return ;
 379                 case 'ColorLink'        : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 410, 320, SelectColorLink ) ; return ;
 380                 case 'ColorVisited'     : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 410, 320, SelectColorVisited ) ; return ;
 381                 case 'ColorActive'      : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 410, 320, SelectColorActive ) ; return ;
 382         }
 383 }
 384
 385 function BrowseServerBack()
 386 {
 387         OpenFileBrowser( FCKConfig.ImageBrowserURL, FCKConfig.ImageBrowserWindowWidth, FCKConfig.ImageBrowserWindowHeight ) ;
 388 }
 389
 390 function SetUrl( url )
 391 {
 392         GetE('txtBackImage').value = url ;
 393         UpdatePreview() ;
 394 }
 395
 396         </script>
 397 </head>
 398 <body style="overflow: hidden">
 399         <table cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 100%">
 400                 <tr>
 401                         <td valign="top" style="height: 100%">
 402                                 <div id="divGeneral">
 403                                         <span fcklang="DlgDocPageTitle">Page Title</span><br />
 404                                         <input id="txtPageTitle" style="width: 100%" type="text" />
 405                                         <br />
 406                                         <table cellspacing="0" cellpadding="0" border="0">
 407                                                 <tr>
 408                                                         <td>
 409                                                                 <span fcklang="DlgDocLangDir">Language Direction</span><br />
 410                                                                 <select id="selDirection">
 411                                                                         <option value="" selected="selected"></option>
 412                                                                         <option value="ltr" fcklang="DlgDocLangDirLTR">Left to Right (LTR)</option>
 413                                                                         <option value="rtl" fcklang="DlgDocLangDirRTL">Right to Left (RTL)</option>
 414                                                                 </select>
 415                                                         </td>
 416                                                         <td>
 417                                                                 &nbsp;&nbsp;&nbsp;</td>
 418                                                         <td>
 419                                                                 <span fcklang="DlgDocLangCode">Language Code</span><br />
 420                                                                 <input id="txtLang" type="text" />
 421                                                         </td>
 422                                                 </tr>
 423                                         </table>
 424                                         <br />
 425                                         <table cellspacing="0" cellpadding="0" width="100%" border="0">
 426                                                 <tr>
 427                                                         <td style="white-space: nowrap">
 428                                                                 <span fcklang="DlgDocCharSet">Character Set Encoding</span><br />
 429                                                                 <select id="selCharSet" onchange="CheckOther( this, 'txtCustomCharSet' );">
 430                                                                         <option value="" selected="selected"></option>
 431                                                                         <option value="us-ascii">ASCII</option>
 432                                                                         <option fcklang="DlgDocCharSetCE" value="iso-8859-2">Central European</option>
 433                                                                         <option fcklang="DlgDocCharSetCT" value="big5">Chinese Traditional (Big5)</option>
 434                                                                         <option fcklang="DlgDocCharSetCR" value="iso-8859-5">Cyrillic</option>
 435                                                                         <option fcklang="DlgDocCharSetGR" value="iso-8859-7">Greek</option>
 436                                                                         <option fcklang="DlgDocCharSetJP" value="iso-2022-jp">Japanese</option>
 437                                                                         <option fcklang="DlgDocCharSetKR" value="iso-2022-kr">Korean</option>
 438                                                                         <option fcklang="DlgDocCharSetTR" value="iso-8859-9">Turkish</option>
 439                                                                         <option fcklang="DlgDocCharSetUN" value="utf-8">Unicode (UTF-8)</option>
 440                                                                         <option fcklang="DlgDocCharSetWE" value="iso-8859-1">Western European</option>
 441                                                                         <option fcklang="DlgOpOther" value="...">&lt;Other&gt;</option>
 442                                                                 </select>
 443                                                         </td>
 444                                                         <td>
 445                                                                 &nbsp;&nbsp;&nbsp;</td>
 446                                                         <td width="100%">
 447                                                                 <span fcklang="DlgDocCharSetOther">Other Character Set Encoding</span><br />
 448                                                                 <input id="txtCustomCharSet" style="width: 100%; background-color: #cccccc" disabled="disabled"
 449                                                                         type="text" />
 450                                                         </td>
 451                                                 </tr>
 452                                                 <tr>
 453                                                         <td colspan="3">
 454                                                                 &nbsp;</td>
 455                                                 </tr>
 456                                                 <tr>
 457                                                         <td nowrap="nowrap">
 458                                                                 <span fcklang="DlgDocDocType">Document Type Heading</span><br />
 459                                                                 <select id="selDocType" onchange="CheckOther( this, 'txtDocType' );">
 460                                                                         <option value="" selected="selected"></option>
 461                                                                         <option value='&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;'>HTML
 462                                                                                 4.01 Transitional</option>
 463                                                                         <option value='&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;'>
 464                                                                                 HTML 4.01 Strict</option>
 465                                                                         <option value='&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt;'>
 466                                                                                 HTML 4.01 Frameset</option>
 467                                                                         <option value='&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;'>
 468                                                                                 XHTML 1.0 Transitional</option>
 469                                                                         <option value='&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;'>
 470                                                                                 XHTML 1.0 Strict</option>
 471                                                                         <option value='&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;'>
 472                                                                                 XHTML 1.0 Frameset</option>
 473                                                                         <option value='&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;'>
 474                                                                                 XHTML 1.1</option>
 475                                                                         <option value='&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"&gt;'>HTML 3.2</option>
 476                                                                         <option value='&lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"&gt;'>HTML 2.0</option>
 477                                                                         <option value="..." fcklang="DlgOpOther">&lt;Other&gt;</option>
 478                                                                 </select>
 479                                                         </td>
 480                                                         <td>
 481                                                         </td>
 482                                                         <td width="100%">
 483                                                                 <span fcklang="DlgDocDocTypeOther">Other Document Type Heading</span><br />
 484                                                                 <input id="txtDocType" style="width: 100%; background-color: #cccccc" disabled="disabled"
 485                                                                         type="text" />
 486                                                         </td>
 487                                                 </tr>
 488                                         </table>
 489                                         <br />
 490                                         <input id="chkIncXHTMLDecl" type="checkbox" />
 491                                         <label for="chkIncXHTMLDecl" fcklang="DlgDocIncXHTML">
 492                                                 Include XHTML Declarations</label>
 493                                 </div>
 494                                 <div id="divBackground" style="display: none">
 495                                         <span fcklang="DlgDocBgColor">Background Color</span><br />
 496                                         <input id="txtBackColor" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();" />&nbsp;<input
 497                                                 id="btnSelBackColor" onclick="SelectColor( 'Back' )" type="button" value="Select..."
 498                                                 fcklang="DlgCellBtnSelect" /><br />
 499                                         <br />
 500                                         <span fcklang="DlgDocBgImage">Background Image URL</span><br />
 501                                         <table cellspacing="0" cellpadding="0" width="100%" border="0">
 502                                                 <tr>
 503                                                         <td width="100%">
 504                                                                 <input id="txtBackImage" style="width: 100%" type="text" onchange="UpdatePreview();"
 505                                                                         onkeyup="UpdatePreview();" /></td>
 506                                                         <td id="tdBrowse" nowrap="nowrap">
 507                                                                 &nbsp;<input id="btnBrowse" onclick="BrowseServerBack();" type="button" fcklang="DlgBtnBrowseServer"
 508                                                                         value="Browse Server" /></td>
 509                                                 </tr>
 510                                         </table>
 511                                         <input id="chkBackNoScroll" type="checkbox" onclick="UpdatePreview();" />
 512                                         <label for="chkBackNoScroll" fcklang="DlgDocBgNoScroll">
 513                                                 Nonscrolling Background</label>
 514                                 </div>
 515                                 <div id="divColors" style="display: none">
 516                                         <table cellspacing="0" cellpadding="0" width="100%" border="0">
 517                                                 <tr>
 518                                                         <td>
 519                                                                 <span fcklang="DlgDocCText">Text</span><br />
 520                                                                 <input id="txtColorText" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();" /><input
 521                                                                         onclick="SelectColor( 'ColorText' )" type="button" value="Select..." fcklang="DlgCellBtnSelect" />
 522                                                                 <br />
 523                                                                 <span fcklang="DlgDocCLink">Link</span><br />
 524                                                                 <input id="txtColorLink" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();" /><input
 525                                                                         onclick="SelectColor( 'ColorLink' )" type="button" value="Select..." fcklang="DlgCellBtnSelect" />
 526                                                                 <br />
 527                                                                 <span fcklang="DlgDocCVisited">Visited Link</span><br />
 528                                                                 <input id="txtColorVisited" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();" /><input
 529                                                                         onclick="SelectColor( 'ColorVisited' )" type="button" value="Select..." fcklang="DlgCellBtnSelect" />
 530                                                                 <br />
 531                                                                 <span fcklang="DlgDocCActive">Active Link</span><br />
 532                                                                 <input id="txtColorActive" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();" /><input
 533                                                                         onclick="SelectColor( 'ColorActive' )" type="button" value="Select..." fcklang="DlgCellBtnSelect" />
 534                                                         </td>
 535                                                         <td valign="middle" align="center">
 536                                                                 <table cellspacing="2" cellpadding="0" border="0">
 537                                                                         <tr>
 538                                                                                 <td>
 539                                                                                         <span fcklang="DlgDocMargins">Page Margins</span></td>
 540                                                                         </tr>
 541                                                                         <tr>
 542                                                                                 <td style="border: #000000 1px solid; padding: 5px">
 543                                                                                         <table cellpadding="0" cellspacing="0" border="0" dir="ltr">
 544                                                                                                 <tr>
 545                                                                                                         <td align="center" colspan="3">
 546                                                                                                                 <span fcklang="DlgDocMaTop">Top</span><br />
 547                                                                                                                 <input id="txtMarginTop" type="text" size="3" />
 548                                                                                                         </td>
 549                                                                                                 </tr>
 550                                                                                                 <tr>
 551                                                                                                         <td align="left">
 552                                                                                                                 <span fcklang="DlgDocMaLeft">Left</span><br />
 553                                                                                                                 <input id="txtMarginLeft" type="text" size="3" />
 554                                                                                                         </td>
 555                                                                                                         <td>
 556                                                                                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
 557                                                                                                         <td align="right">
 558                                                                                                                 <span fcklang="DlgDocMaRight">Right</span><br />
 559                                                                                                                 <input id="txtMarginRight" type="text" size="3" />
 560                                                                                                         </td>
 561                                                                                                 </tr>
 562                                                                                                 <tr>
 563                                                                                                         <td align="center" colspan="3">
 564                                                                                                                 <span fcklang="DlgDocMaBottom">Bottom</span><br />
 565                                                                                                                 <input id="txtMarginBottom" type="text" size="3" />
 566                                                                                                         </td>
 567                                                                                                 </tr>
 568                                                                                         </table>
 569                                                                                 </td>
 570                                                                         </tr>
 571                                                                 </table>
 572                                                         </td>
 573                                                 </tr>
 574                                         </table>
 575                                 </div>
 576                                 <div id="divMeta" style="display: none">
 577                                         <span fcklang="DlgDocMeIndex">Document Indexing Keywords (comma separated)</span><br />
 578                                         <textarea id="txtMetaKeywords" style="width: 100%" rows="2" cols="20"></textarea>
 579                                         <br />
 580                                         <span fcklang="DlgDocMeDescr">Document Description</span><br />
 581                                         <textarea id="txtMetaDescription" style="width: 100%" rows="4" cols="20"></textarea>
 582                                         <br />
 583                                         <span fcklang="DlgDocMeAuthor">Author</span><br />
 584                                         <input id="txtMetaAuthor" style="width: 100%" type="text" /><br />
 585                                         <br />
 586                                         <span fcklang="DlgDocMeCopy">Copyright</span><br />
 587                                         <input id="txtMetaCopyright" type="text" style="width: 100%" />
 588                                 </div>
 589                         </td>
 590                 </tr>
 591                 <tr id="ePreview" style="display: none">
 592                         <td>
 593                                 <span fcklang="DlgDocPreview">Preview</span><br />
 594                                 <iframe id="frmPreview" src="fck_docprops/fck_document_preview.html" width="100%"
 595                                         height="100"></iframe>
 596                         </td>
 597                 </tr>
 598         </table>
 599 </body>
 600 </html>