GIF89a;
Direktori : /home/serb/www/fckeditor/editor/dialog/ |
Current File : /home/serb/www/fckeditor/editor/dialog/fck_docprops.html |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- * FCKeditor - The text editor for internet * Copyright (C) 2003-2004 Frederico Caldeira Knabben * * Licensed under the terms of the GNU Lesser General Public License: * http://www.opensource.org/licenses/lgpl-license.php * * For further information visit: * http://www.fckeditor.net/ * * File Name: fck_docprops.html * Link dialog window. * * Version: 2.0 RC3 * Modified: 2005-02-19 00:11:20 * * File Authors: * Frederico Caldeira Knabben (fredck@fckeditor.net) --> <html> <head> <title>Document Properties</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta content="noindex, nofollow" name="robots"> <script src="common/fck_dialog_common.js" type="text/javascript"></script> <script language="javascript"> var oEditor = window.parent.InnerDialogLoaded() ; var FCK = oEditor.FCK ; var FCKLang = oEditor.FCKLang ; //#### Dialog Tabs // Set the dialog tabs. window.parent.AddTab( 'General' , FCKLang.DlgDocGeneralTab ) ; window.parent.AddTab( 'Background' , FCKLang.DlgDocBackTab ) ; window.parent.AddTab( 'Colors' , FCKLang.DlgDocColorsTab ) ; window.parent.AddTab( 'Meta' , FCKLang.DlgDocMetaTab ) ; // Function called when a dialog tag is selected. function OnDialogTabChange( tabCode ) { ShowE( 'divGeneral' , ( tabCode == 'General' ) ) ; ShowE( 'divBackground' , ( tabCode == 'Background' ) ) ; ShowE( 'divColors' , ( tabCode == 'Colors' ) ) ; ShowE( 'divMeta' , ( tabCode == 'Meta' ) ) ; ShowE( 'ePreview' , ( tabCode == 'Background' || tabCode == 'Colors' ) ) ; } //#### Get Base elements from the document: BEGIN // The HTML element of the document. var oHTML = FCK.EditorDocument.getElementsByTagName('html')[0] ; // The HEAD element of the document. var oHead = oHTML.getElementsByTagName('head')[0] ; var oBody = FCK.EditorDocument.body ; // This object contains all META tags defined in the document. var oMetaTags = new Object() ; // Get all META tags defined in the document. var aMetas = oHead.getElementsByTagName('meta') ; // Loop throw all METAs and put it in the HashTable. for ( var i = 0 ; i < aMetas.length ; i++ ) { // Try to get the "name" attribute. var sName = GetAttribute( aMetas[i], 'name', GetAttribute( aMetas[i], '___fcktoreplace:name', '' ) ) ; // If no "name", try with the "http-equiv" attribute. if ( sName.length == 0 ) { if ( document.all ) { // Get the http-equiv value from the outerHTML. var oHttpEquivMatch = aMetas[i].outerHTML.match( oEditor.FCKRegexLib.MetaHttpEquiv ) ; if ( oHttpEquivMatch ) sName = oHttpEquivMatch[1] ; } else sName = GetAttribute( aMetas[i], 'http-equiv', '' ) ; } if ( sName.length > 0 ) oMetaTags[ sName.toLowerCase() ] = aMetas[i] ; } //#### END // Set a META tag in the document. function SetMetadata( name, content, isHttp ) { if ( content.length == 0 ) { RemoveMetadata( name ) ; return ; } var oMeta = oMetaTags[ name.toLowerCase() ] ; if ( !oMeta ) { oMeta = oHead.appendChild( FCK.EditorDocument.createElement('META') ) ; if ( isHttp ) SetAttribute( oMeta, 'http-equiv', name ) ; else { // On IE, it is not possible to set the "name" attribute of the META tag. // So a temporary attribute is used and it is replaced when getting the // editor's HTML/XHTML value. This is sad, I know :( if ( document.all ) SetAttribute( oMeta, '___fcktoreplace:name', name ) ; else SetAttribute( oMeta, 'name', name ) ; } oMetaTags[ name.toLowerCase() ] = oMeta ; } oMeta.content = content ; } function RemoveMetadata( name ) { var oMeta = oMetaTags[ name.toLowerCase() ] ; if ( oMeta && oMeta != null ) { oMeta.parentNode.removeChild( oMeta ) ; oMetaTags[ name.toLowerCase() ] = null ; } } function GetMetadata( name ) { var oMeta = oMetaTags[ name.toLowerCase() ] ; if ( oMeta && oMeta != null ) return oMeta.content ; else return '' ; } window.onload = function () { // First of all, translate the dialog box texts oEditor.FCKLanguageManager.TranslatePage( document ) ; FillFields() ; UpdatePreview() ; // Show the "Ok" button. window.parent.SetOkButton( true ) ; window.parent.SetAutoSize( true ) ; } function FillFields() { // ### General Info GetE('txtPageTitle').value = FCK.EditorDocument.title ; GetE('selDirection').value = GetAttribute( oHTML, 'dir', '' ) ; GetE('txtLang').value = GetAttribute( oHTML, 'xml:lang', GetAttribute( oHTML, 'lang', '' ) ) ; // "xml:lang" takes precedence to "lang". // Character Set Encoding. // if ( document.all ) // var sCharSet = FCK.EditorDocument.charset ; // else var sCharSet = GetMetadata( 'Content-Type' ) ; if ( sCharSet != null && sCharSet.length > 0 ) { // if ( !document.all ) sCharSet = sCharSet.match( /[^=]*$/ ) ; GetE('selCharSet').value = sCharSet ; if ( GetE('selCharSet').selectedIndex == -1 ) { GetE('selCharSet').value = '...' ; GetE('txtCustomCharSet').value = sCharSet ; CheckOther( GetE('selCharSet'), 'txtCustomCharSet' ) ; } } // Document Type. if ( FCK.DocTypeDeclaration && FCK.DocTypeDeclaration.length > 0 ) { GetE('selDocType').value = FCK.DocTypeDeclaration ; if ( GetE('selDocType').selectedIndex == -1 ) { GetE('selDocType').value = '...' ; GetE('txtDocType').value = FCK.DocTypeDeclaration ; CheckOther( GetE('selDocType'), 'txtDocType' ) ; } } // Document Type. GetE('chkIncXHTMLDecl').checked = ( FCK.XmlDeclaration && FCK.XmlDeclaration.length > 0 ) ; // ### Background GetE('txtBackColor').value = GetAttribute( oBody, 'bgColor' , '' ) ; GetE('txtBackImage').value = GetAttribute( oBody, 'background' , '' ) ; GetE('chkBackNoScroll').checked = ( GetAttribute( oBody, 'bgProperties', '' ).toLowerCase() == 'fixed' ) ; // ### Colors GetE('txtColorText').value = GetAttribute( oBody, 'text' , '' ) ; GetE('txtColorLink').value = GetAttribute( oBody, 'link' , '' ) ; GetE('txtColorVisited').value = GetAttribute( oBody, 'vLink' , '' ) ; GetE('txtColorActive').value = GetAttribute( oBody, 'aLink' , '' ) ; // ### Margins GetE('txtMarginTop').value = GetAttribute( oBody, 'topMargin' , '' ) ; GetE('txtMarginLeft').value = GetAttribute( oBody, 'leftMargin' , '' ) ; GetE('txtMarginRight').value = GetAttribute( oBody, 'rightMargin' , '' ) ; GetE('txtMarginBottom').value = GetAttribute( oBody, 'bottomMargin' , '' ) ; // ### Meta Data GetE('txtMetaKeywords').value = GetMetadata( 'keywords' ) ; GetE('txtMetaDescription').value = GetMetadata( 'description' ) ; GetE('txtMetaAuthor').value = GetMetadata( 'author' ) ; GetE('txtMetaCopyright').value = GetMetadata( 'copyright' ) ; } // Called when the "Ok" button is clicked. function Ok() { // ### General Info FCK.EditorDocument.title = GetE('txtPageTitle').value ; var oHTML = FCK.EditorDocument.getElementsByTagName('html')[0] ; SetAttribute( oHTML, 'dir' , GetE('selDirection').value ) ; SetAttribute( oHTML, 'lang' , GetE('txtLang').value ) ; SetAttribute( oHTML, 'xml:lang' , GetE('txtLang').value ) ; // Character Set Enconding. var sCharSet = GetE('selCharSet').value ; if ( sCharSet == '...' ) sCharSet = GetE('txtCustomCharSet').value ; if ( sCharSet.length > 0 ) sCharSet = 'text/html; charset=' + sCharSet ; // if ( document.all ) // FCK.EditorDocument.charset = sCharSet ; // else SetMetadata( 'Content-Type', sCharSet, true ) ; // Document Type var sDocType = GetE('selDocType').value ; if ( sDocType == '...' ) sDocType = GetE('txtDocType').value ; FCK.DocTypeDeclaration = sDocType ; // XHTML Declarations. if ( GetE('chkIncXHTMLDecl').checked ) { if ( sCharSet.length == 0 ) sCharSet = 'utf-8' ; FCK.XmlDeclaration = '<?xml version="1.0" encoding="' + sCharSet + '"?>' ; SetAttribute( oHTML, 'xmlns', 'http://www.w3.org/1999/xhtml' ) ; } else { FCK.XmlDeclaration = null ; oHTML.removeAttribute( 'xmlns', 0 ) ; } // ### Background SetAttribute( oBody, 'bgcolor' , GetE('txtBackColor').value ) ; SetAttribute( oBody, 'background' , GetE('txtBackImage').value ) ; SetAttribute( oBody, 'bgproperties' , GetE('chkBackNoScroll').checked ? 'fixed' : '' ) ; // ### Colors SetAttribute( oBody, 'text' , GetE('txtColorText').value ) ; SetAttribute( oBody, 'link' , GetE('txtColorLink').value ) ; SetAttribute( oBody, 'vlink', GetE('txtColorVisited').value ) ; SetAttribute( oBody, 'alink', GetE('txtColorActive').value ) ; // ### Margins SetAttribute( oBody, 'topmargin' , GetE('txtMarginTop').value ) ; SetAttribute( oBody, 'leftmargin' , GetE('txtMarginLeft').value ) ; SetAttribute( oBody, 'rightmargin' , GetE('txtMarginRight').value ) ; SetAttribute( oBody, 'bottommargin' , GetE('txtMarginBottom').value ) ; // ### Meta data SetMetadata( 'keywords' , GetE('txtMetaKeywords').value ) ; SetMetadata( 'description' , GetE('txtMetaDescription').value ) ; SetMetadata( 'author' , GetE('txtMetaAuthor').value ) ; SetMetadata( 'copyright' , GetE('txtMetaCopyright').value ) ; return true ; } var bPreviewIsLoaded = false ; var oPreviewWindow ; var oPreviewBody ; // Called by the Preview page when loaded. function OnPreviewLoad( previewWindow, previewBody ) { oPreviewWindow = previewWindow ; oPreviewBody = previewBody ; bPreviewIsLoaded = true ; UpdatePreview() ; } function UpdatePreview() { if ( !bPreviewIsLoaded ) return ; // ### Background SetAttribute( oPreviewBody, 'bgcolor' , GetE('txtBackColor').value ) ; SetAttribute( oPreviewBody, 'background' , GetE('txtBackImage').value ) ; SetAttribute( oPreviewBody, 'bgproperties' , GetE('chkBackNoScroll').checked ? 'fixed' : '' ) ; // ### Colors SetAttribute( oPreviewBody, 'text', GetE('txtColorText').value ) ; oPreviewWindow.SetLinkColor( GetE('txtColorLink').value ) ; oPreviewWindow.SetVisitedColor( GetE('txtColorVisited').value ) ; oPreviewWindow.SetActiveColor( GetE('txtColorActive').value ) ; } function CheckOther( combo, txtField ) { var bNotOther = ( combo.value != '...' ) ; GetE(txtField).style.backgroundColor = ( bNotOther ? '#cccccc' : '' ) ; GetE(txtField).disabled = bNotOther ; } function SetColor( inputId, color ) { GetE( inputId ).value = color + '' ; UpdatePreview() ; } function SelectBackColor( color ) { SetColor('txtBackColor', color ) ; } function SelectColorText( color ) { SetColor('txtColorText', color ) ; } function SelectColorLink( color ) { SetColor('txtColorLink', color ) ; } function SelectColorVisited( color ) { SetColor('txtColorVisited', color ) ; } function SelectColorActive( color ) { SetColor('txtColorActive', color ) ; } function SelectColor( wich ) { switch ( wich ) { case 'Back' : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 400, 330, SelectBackColor, window ) ; return ; case 'ColorText' : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 400, 330, SelectColorText, window ) ; return ; case 'ColorLink' : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 400, 330, SelectColorLink, window ) ; return ; case 'ColorVisited' : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 400, 330, SelectColorVisited, window ) ; return ; case 'ColorActive' : oEditor.FCKDialog.OpenDialog( 'FCKDialog_Color', FCKLang.DlgColorTitle, 'dialog/fck_colorselector.html', 400, 330, SelectColorActive, window ) ; return ; } } </script> </head> <body scroll="no" style="OVERFLOW: hidden"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td vAlign="top" height="100%"> <div id="divGeneral"> <span fckLang="DlgDocPageTitle">Page Title</span><br> <input id="txtPageTitle" style="WIDTH: 100%" type="text"> <br> <table cellSpacing="0" cellPadding="0" border="0"> <tr> <td> <span fckLang="DlgDocLangDir">Language Direction</span><br> <select id="selDirection"> <option value="" selected></option> <option value="ltr" fckLang="DlgDocLangDirLTR">Left to Right (LTR)</option> <option value="rtl" fckLang="DlgDocLangDirRTL">Right to Left (RTL)</option> </select> </td> <td> </td> <td> <span fckLang="DlgDocLangCode">Language Code</span><br> <input id="txtLang" type="text"> </td> </tr> </table> <br> <table cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td noWrap><span fckLang="DlgDocCharSet">Character Set Encoding</span><br> <select id="selCharSet" onchange="CheckOther( this, 'txtCustomCharSet' );"> <option value="" selected></option> <option value="us-ascii">ASCII</option> <option value="iso-8859-2">Central European</option> <option value="big5">Chinese Traditional (Big5)</option> <option value="iso-8859-5">Cyrillic</option> <option value="iso-8859-7">Greek</option> <option value="iso-2022-jp">Japanese</option> <option value="iso-2022-kr">Korean</option> <option value="iso-8859-9">Turkish</option> <option value="utf-8">Unicode (UTF-8)</option> <option value="iso-8859-1">Western European</option> <option value="..." fckLang="DlgOpOther"><Other></option> </select> </td> <td> </td> <td width="100%"> <span fckLang="DlgDocCharSetOther">Other Character Set Encoding</span><br> <input id="txtCustomCharSet" style="WIDTH: 100%; BACKGROUND-COLOR: #cccccc" disabled type="text"> </td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td nowrap> <span fckLang="DlgDocDocType">Document Type Heading</span><br> <select id="selDocType" name="selDocType" onchange="CheckOther( this, 'txtDocType' );"> <option value="" selected></option> <option value='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'>HTML 4.01 Transitional</option> <option value='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">'>HTML 4.01 Strict</option> <option value='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">'>HTML 4.01 Frameset</option> <option value='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'>XHTML 1.0 Transitional</option> <option value='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'>XHTML 1.0 Strict</option> <option value='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">'>XHTML 1.0 Frameset</option> <option value='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">'>XHTML 1.1</option> <option value='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">'>HTML 3.2</option> <option value='<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">'>HTML 2.0</option> <option value="..." fckLang="DlgOpOther"><Other></option> </select> </td> <td></td> <td width="100%"> <span fckLang="DlgDocDocTypeOther">Other Document Type Heading</span><br> <input id="txtDocType" style="WIDTH: 100%; BACKGROUND-COLOR: #cccccc" disabled type="text"> </td> </tr> </table> <br> <input id="chkIncXHTMLDecl" type="checkbox"> <label for="chkIncXHTMLDecl" fckLang="DlgDocIncXHTML">Include XHTML Declarations</label> </div> <div id="divBackground" style="DISPLAY: none"> <span fckLang="DlgDocBgColor">Background Color</span><br> <input id="txtBackColor" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"> <input id="btnSelBackColor" onclick="SelectColor( 'Back' )" type="button" value="Select..." fckLang="DlgCellBtnSelect"><br> <br> <span fckLang="DlgDocBgImage">Background Image URL</span><br> <table cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td width="100%"><input id="txtBackImage" style="WIDTH: 100%" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"></td> <td nowrap> <input id="btnBrowse" onclick="BrowseServer();" type="button" fckLang="DlgBtnBrowseServer" value="Browse Server" fckLang="DlgBtnBrowseServer"></td> </tr> </table> <input id="chkBackNoScroll" type="checkbox" onclick="UpdatePreview();"> <label for="chkBackNoScroll" fckLang="DlgDocBgNoScroll">Nonscrolling Background</label> </div> <div id="divColors" style="DISPLAY: none"> <table cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td> <span fckLang="DlgDocCText">Text</span><br> <input id="txtColorText" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"><input onclick="SelectColor( 'ColorText' )" type="button" value="Select..." fckLang="DlgCellBtnSelect"> <br> <span fckLang="DlgDocCLink">Link</span><br> <input id="txtColorLink" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"><input onclick="SelectColor( 'ColorLink' )" type="button" value="Select..." fckLang="DlgCellBtnSelect"> <br> <span fckLang="DlgDocCVisited">Visited Link</span><br> <input id="txtColorVisited" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"><input onclick="SelectColor( 'ColorVisited' )" type="button" value="Select..." fckLang="DlgCellBtnSelect"> <br> <span fckLang="DlgDocCActive">Active Link</span><br> <input id="txtColorActive" type="text" onchange="UpdatePreview();" onkeyup="UpdatePreview();"><input onclick="SelectColor( 'ColorActive' )" type="button" value="Select..." fckLang="DlgCellBtnSelect"> </td> <td valign="middle" align="center"> <table cellspacing="2" cellpadding="0" border="0"> <tr> <td><span fckLang="DlgDocMargins">Page Margins</span></td> </tr> <tr> <td style="BORDER: #000000 1px solid; PADDING: 5px"> <table cellpadding="0" cellspacing="0" border="0" dir="ltr"> <tr> <td align="center" colspan="3"> <span fckLang="DlgDocMaTop">Top</span><br> <input id="txtMarginTop" type="text" size="3"> </td> </tr> <tr> <td align="left"> <span fckLang="DlgDocMaLeft">Left</span><br> <input id="txtMarginLeft" type="text" size="3"> </td> <td> </td> <td align="right"> <span fckLang="DlgDocMaRight">Right</span><BR> <input id="txtMarginRight" type="text" size="3"> </td> </tr> <tr> <td align="center" colspan="3"> <span fckLang="DlgDocMaBottom">Bottom</span><br> <input id="txtMarginBottom" type="text" size="3"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <div id="divMeta" style="DISPLAY: none"> <span fckLang="DlgDocMeIndex">Document Indexing Keywords (comma separated)</span><br> <textarea id="txtMetaKeywords" style="WIDTH: 100%" rows="2" cols="20"></textarea> <br> <span fckLang="DlgDocMeDescr">Document Description</span><br> <textarea id="txtMetaDescription" style="WIDTH: 100%" rows="4" cols="20"></textarea> <br> <span fckLang="DlgDocMeAuthor">Author</span><br> <input id="txtMetaAuthor" style="WIDTH: 100%" type="text"><br> <br> <span fckLang="DlgDocMeCopy">Copyright</span><br> <input id="txtMetaCopyright" type="text" style="WIDTH: 100%"> </div> </td> </tr> <tr id="ePreview" style="DISPLAY: none"> <td> <span fckLang="DlgDocPreview">Preview</span><br> <iframe id="frmPreview" src="fck_docprops/fck_document_preview.html" width="100%" height="100"></iframe> </td> </tr> </table> </body> </html>