/boke/Edit_Plus/FCKeditor/editor/dialog/fck_table.html
HTML | 253 lines | 197 code | 25 blank | 31 comment | 0 complexity | 7beaf702c9f822995683cda4eb876166 MD5 | raw file
Possible License(s): LGPL-2.1
- <!--
- * 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_table.html
- * Table dialog window.
- *
- * Version: 2.0 RC3
- * Modified: 2005-02-19 00:38:53
- *
- * File Authors:
- * Frederico Caldeira Knabben (fredck@fckeditor.net)
- -->
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
- <html>
- <head>
- <title>Table Properties</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="robots" content="noindex, nofollow" />
- <script type="text/javascript">
-
- var oEditor = window.parent.InnerDialogLoaded() ;
-
- // Gets the document DOM
- var oDOM = oEditor.FCK.EditorDocument ;
-
- // Gets the table if there is one selected.
- var table ;
- var e = oEditor.FCKSelection.GetSelectedElement() ;
-
- if ( ! e && document.location.search.substr(1) == 'Parent' )
- e = oEditor.FCKSelection.MoveToAncestorNode( 'TABLE' ) ;
-
- if ( e && e.tagName == "TABLE" )
- table = e ;
-
- // Fired when the window loading process is finished. It sets the fields with the
- // actual values if a table is selected in the editor.
- window.onload = function()
- {
- // First of all, translate the dialog box texts
- oEditor.FCKLanguageManager.TranslatePage(document) ;
-
- if (table)
- {
- document.getElementById('txtRows').value = table.rows.length ;
- document.getElementById('txtColumns').value = table.rows[0].cells.length ;
-
- // Gets the value from the Width or the Style attribute
- var iWidth = (table.style.width ? table.style.width : table.width ) ;
- var iHeight = (table.style.height ? table.style.height : table.height ) ;
-
- if (iWidth.indexOf('%') >= 0) // Percentual = %
- {
- iWidth = parseInt( iWidth.substr(0,iWidth.length - 1) ) ;
- document.getElementById('selWidthType').value = "percent" ;
- }
- else if (iWidth.indexOf('px') >= 0) // Style Pixel = px
- { //
- iWidth = iWidth.substr(0,iWidth.length - 2);
- document.getElementById('selWidthType').value = "pixels" ;
- }
-
- if (iHeight && iHeight.indexOf('px') >= 0) // Style Pixel = px
- iHeight = iHeight.substr(0,iHeight.length - 2);
-
- document.getElementById('txtWidth').value = iWidth ;
- document.getElementById('txtHeight').value = iHeight ;
- document.getElementById('txtBorder').value = table.border ;
- document.getElementById('selAlignment').value = table.align ;
- document.getElementById('txtCellPadding').value = table.cellPadding ;
- document.getElementById('txtCellSpacing').value = table.cellSpacing ;
- // document.getElementById('cmbFontStyle').value = table.className ;
-
- if (table.caption) document.getElementById('txtCaption').value = table.caption.innerText ;
-
- document.getElementById('txtRows').disabled = true ;
- document.getElementById('txtColumns').disabled = true ;
- }
-
- window.parent.SetOkButton( true ) ;
- window.parent.SetAutoSize( true ) ;
- }
-
- // Fired when the user press the OK button
- function Ok()
- {
- var bExists = ( table != null ) ;
-
- if ( ! bExists )
- {
- table = document.createElement( "TABLE" ) ;
- }
-
- // Removes the Width and Height styles
- if ( bExists && table.style.width ) table.style.width = null ; //.removeAttribute("width") ;
- if ( bExists && table.style.height ) table.style.height = null ; //.removeAttribute("height") ;
-
- table.width = document.getElementById('txtWidth').value + ( document.getElementById('selWidthType').value == "percent" ? "%" : "") ;
- table.height = document.getElementById('txtHeight').value ;
- table.border = document.getElementById('txtBorder').value ;
- table.align = document.getElementById('selAlignment').value ;
- table.cellPadding = document.getElementById('txtCellPadding').value ;
- table.cellSpacing = document.getElementById('txtCellSpacing').value ;
- // table.className = cmbFontStyle.value ;
-
- if ( document.getElementById('txtCaption').value != '')
- {
- if (! table.caption) table.createCaption() ;
- table.caption.innerText = document.getElementById('txtCaption').value ;
- }
- // else if ( bExists && table.caption )
- // table.deleteCaption() ; // TODO: It causes an IE internal error.
-
- if (! bExists)
- {
- var iRows = document.getElementById('txtRows').value ;
- var iCols = document.getElementById('txtColumns').value ;
-
- for ( var r = 0 ; r < iRows ; r++ )
- {
- var oRow = table.insertRow(-1) ;
- for ( var c = 0 ; c < iCols ; c++ )
- {
- var oCell = oRow.insertCell(-1) ;
- oCell.innerHTML = " " ;
- }
- }
-
- oEditor.FCK.InsertElement( table ) ;
- }
-
- return true ;
- }
-
- function IsDigit( e )
- {
- e = e || event ;
- var iCode = ( e.keyCode || e.charCode ) ;
- return
- (
- ( iCode >= 48 && iCode <= 57 ) // Numbers
- || (iCode >= 37 && iCode <= 40) // Arrows
- || iCode == 8 // Backspace
- || iCode == 46 // Delete
- ) ;
- }
-
- </script>
- </head>
- <body bottommargin="5" leftmargin="5" topmargin="5" rightmargin="5" scroll="no" style="OVERFLOW: hidden">
- <table id="otable" cellSpacing="0" cellPadding="0" width="100%" border="0" height="100%">
- <tr>
- <td>
- <table cellSpacing="1" cellPadding="1" width="100%" border="0">
- <tr>
- <td valign="top">
- <table cellSpacing="0" cellPadding="0" border="0">
- <tr>
- <td><span fckLang="DlgTableRows">Rows</span>:</td>
- <td> <input id="txtRows" type="text" maxLength="3" size="2" value="3" name="txtRows" onkeypress="return IsDigit(event);"></td>
- </tr>
- <tr>
- <td><span fckLang="DlgTableColumns">Columns</span>:</td>
- <td> <input id="txtColumns" type="text" maxLength="2" size="2" value="2" name="txtColumns" onkeypress="return IsDigit(event);"></td>
- </tr>
- <tr>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td><span fckLang="DlgTableBorder">Border size</span>:</td>
- <td> <INPUT id="txtBorder" type="text" maxLength="2" size="2" value="1" name="txtBorder" onkeypress="return IsDigit(event);"></td>
- </tr>
- <tr>
- <td><span fckLang="DlgTableAlign">Alignment</span>:</td>
- <td> <select id="selAlignment" name="selAlignment">
- <option fckLang="DlgTableAlignNotSet" value="" selected><Not set></option>
- <option fckLang="DlgTableAlignLeft" value="left">Left</option>
- <option fckLang="DlgTableAlignCenter" value="center">Center</option>
- <option fckLang="DlgTableAlignRight" value="right">Right</option>
- </select></td>
- </tr>
- </table>
- </td>
- <td> </td>
- <td align="right" valign="top">
- <table cellSpacing="0" cellPadding="0" border="0">
- <tr>
- <td><span fckLang="DlgTableWidth">Width</span>:</td>
- <td> <input id="txtWidth" type="text" maxLength="4" size="3" value="200" name="txtWidth" onkeypress="return IsDigit(event);"></td>
- <td> <select id="selWidthType" name="selWidthType">
- <option fckLang="DlgTableWidthPx" value="pixels" selected>pixels</option>
- <option fckLang="DlgTableWidthPc" value="percent">percent</option>
- </select></td>
- </tr>
- <tr>
- <td><span fckLang="DlgTableHeight">Height</span>:</td>
- <td> <INPUT id="txtHeight" type="text" maxLength="4" size="3" name="txtHeight" onkeypress="return IsDigit(event);"></td>
- <td> <span fckLang="DlgTableWidthPx">pixels</span></td>
- </tr>
- <tr>
- <td> </td>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td nowrap><span fckLang="DlgTableCellSpace">Cell spacing</span>:</td>
- <td> <input id="txtCellSpacing" type="text" maxLength="2" size="2" value="1" name="txtCellSpacing"
- onkeypress="return IsDigit(event);"></td>
- <td> </td>
- </tr>
- <tr>
- <td nowrap><span fckLang="DlgTableCellPad">Cell padding</span>:</td>
- <td> <input id="txtCellPadding" type="text" maxLength="2" size="2" value="1" name="txtCellPadding"
- onkeypress="return IsDigit(event);"></td>
- <td> </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <table cellSpacing="0" cellPadding="0" width="100%" border="0">
- <!--
- <tr>
- <td nowrap>
- <span fcklang="DlgClassName">Class Name</span>:</td>
- <td> </td>
- <td>
- <script type="text/javascript">
- // var tbstyles = new TBCombo( "FontStyle" , "null" , "", oEditor.config.StyleNames, oEditor.config.StyleValues, 'CheckStyle("cmbFontStyle")');
- // document.write(tbstyles.GetHTML());
- </script></td>
- </tr>
- -->
- <tr>
- <td nowrap><span fckLang="DlgTableCaption">Caption</span>:</td>
- <td> </td>
- <td width="100%">
- <input id="txtCaption" type="text" style="WIDTH: 100%"></td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </body>
- </html>