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