httemplate/elements/fckeditor/editor/dialog/fck_table.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  * Table dialog window.\r
  23 -->\r
  24 <html xmlns="http://www.w3.org/1999/xhtml">\r
  25 <head>\r
  26         <title>Table Properties</title>\r
  27         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
  28         <meta name="robots" content="noindex, nofollow" />\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 \r
  34 // Gets the document DOM\r
  35 var oDOM = oEditor.FCK.EditorDocument ;\r
  36 \r
  37 // Gets the table if there is one selected.\r
  38 var table ;\r
  39 var e = oEditor.FCKSelection.GetSelectedElement() ;\r
  40 \r
  41 if ( ( !e && document.location.search.substr(1) == 'Parent' ) || ( e && e.tagName != 'TABLE' ) )\r
  42         e = oEditor.FCKSelection.MoveToAncestorNode( 'TABLE' ) ;\r
  43 \r
  44 if ( e && e.tagName == "TABLE" )\r
  45         table = e ;\r
  46 \r
  47 // Fired when the window loading process is finished. It sets the fields with the\r
  48 // actual values if a table is selected in the editor.\r
  49 window.onload = function()\r
  50 {\r
  51         // First of all, translate the dialog box texts\r
  52         oEditor.FCKLanguageManager.TranslatePage(document) ;\r
  53 \r
  54         if (table)\r
  55         {\r
  56                 document.getElementById('txtRows').value    = table.rows.length ;\r
  57                 document.getElementById('txtColumns').value = table.rows[0].cells.length ;\r
  58 \r
  59                 // Gets the value from the Width or the Style attribute\r
  60                 var iWidth  = (table.style.width  ? table.style.width  : table.width ) ;\r
  61                 var iHeight = (table.style.height ? table.style.height : table.height ) ;\r
  62 \r
  63                 if (iWidth.indexOf('%') >= 0)                   // Percentual = %\r
  64                 {\r
  65                         iWidth = parseInt( iWidth.substr(0,iWidth.length - 1), 10 ) ;\r
  66                         document.getElementById('selWidthType').value = "percent" ;\r
  67                 }\r
  68                 else if (iWidth.indexOf('px') >= 0)             // Style Pixel = px\r
  69                 {                                                                                                                                                                                                                 //\r
  70                         iWidth = iWidth.substr(0,iWidth.length - 2);\r
  71                         document.getElementById('selWidthType').value = "pixels" ;\r
  72                 }\r
  73 \r
  74                 if (iHeight && iHeight.indexOf('px') >= 0)              // Style Pixel = px\r
  75                         iHeight = iHeight.substr(0,iHeight.length - 2);\r
  76 \r
  77                 document.getElementById('txtWidth').value               = iWidth || '' ;\r
  78                 document.getElementById('txtHeight').value              = iHeight || '' ;\r
  79                 document.getElementById('txtBorder').value              = GetAttribute( table, 'border', '' ) ;\r
  80                 document.getElementById('selAlignment').value   = GetAttribute( table, 'align', '' ) ;\r
  81                 document.getElementById('txtCellPadding').value = GetAttribute( table, 'cellPadding', '' ) ;\r
  82                 document.getElementById('txtCellSpacing').value = GetAttribute( table, 'cellSpacing', '' ) ;\r
  83                 document.getElementById('txtSummary').value     = GetAttribute( table, 'summary', '' ) ;\r
  84 //              document.getElementById('cmbFontStyle').value   = table.className ;\r
  85 \r
  86                 if (table.caption) document.getElementById('txtCaption').value = table.caption.innerHTML ;\r
  87 \r
  88                 document.getElementById('txtRows').disabled    = true ;\r
  89                 document.getElementById('txtColumns').disabled = true ;\r
  90         }\r
  91 \r
  92         window.parent.SetOkButton( true ) ;\r
  93         window.parent.SetAutoSize( true ) ;\r
  94 }\r
  95 \r
  96 // Fired when the user press the OK button\r
  97 function Ok()\r
  98 {\r
  99         var bExists = ( table != null ) ;\r
 100 \r
 101         if ( ! bExists )\r
 102                 table = oEditor.FCK.EditorDocument.createElement( "TABLE" ) ;\r
 103 \r
 104         // Removes the Width and Height styles\r
 105         if ( bExists && table.style.width )             table.style.width = null ; //.removeAttribute("width") ;\r
 106         if ( bExists && table.style.height )    table.style.height = null ; //.removeAttribute("height") ;\r
 107 \r
 108         var sWidth = GetE('txtWidth').value ;\r
 109         if ( sWidth.length > 0 && GetE('selWidthType').value == 'percent' )\r
 110                 sWidth += '%' ;\r
 111 \r
 112         SetAttribute( table, 'width'            , sWidth ) ;\r
 113         SetAttribute( table, 'height'           , GetE('txtHeight').value ) ;\r
 114         SetAttribute( table, 'border'           , GetE('txtBorder').value ) ;\r
 115         SetAttribute( table, 'align'            , GetE('selAlignment').value ) ;\r
 116         SetAttribute( table, 'cellPadding'      , GetE('txtCellPadding').value ) ;\r
 117         SetAttribute( table, 'cellSpacing'      , GetE('txtCellSpacing').value ) ;\r
 118         SetAttribute( table, 'summary'          , GetE('txtSummary').value ) ;\r
 119 \r
 120         var eCaption = oEditor.FCKDomTools.GetFirstChild( table, 'CAPTION' ) ;\r
 121 \r
 122         if ( document.getElementById('txtCaption').value != '')\r
 123         {\r
 124                 if ( !eCaption )\r
 125                 {\r
 126                         eCaption = oEditor.FCK.EditorDocument.createElement( 'CAPTION' ) ;\r
 127                         table.insertBefore( eCaption, table.firstChild ) ;\r
 128                 }\r
 129 \r
 130                 eCaption.innerHTML = document.getElementById('txtCaption').value ;\r
 131         }\r
 132         else if ( bExists && eCaption )\r
 133         {\r
 134                 if ( oEditor.FCKBrowserInfo.IsIE )\r
 135                         eCaption.innerHTML = '' ;       // TODO: It causes an IE internal error if using removeChild or table.deleteCaption().\r
 136                 else\r
 137                         eCaption.parentNode.removeChild( eCaption ) ;\r
 138         }\r
 139 \r
 140         if (! bExists)\r
 141         {\r
 142                 var iRows = document.getElementById('txtRows').value ;\r
 143                 var iCols = document.getElementById('txtColumns').value ;\r
 144 \r
 145                 for ( var r = 0 ; r < iRows ; r++ )\r
 146                 {\r
 147                         var oRow = table.insertRow(-1) ;\r
 148                         for ( var c = 0 ; c < iCols ; c++ )\r
 149                         {\r
 150                                 var oCell = oRow.insertCell(-1) ;\r
 151                                 if ( oEditor.FCKBrowserInfo.IsGeckoLike )\r
 152                                         oCell.innerHTML = GECKO_BOGUS ;\r
 153                                 //oCell.innerHTML = "&nbsp;" ;\r
 154                         }\r
 155                 }\r
 156 \r
 157                 oEditor.FCKUndo.SaveUndoStep() ;\r
 158 \r
 159                 oEditor.FCK.InsertElement( table ) ;\r
 160         }\r
 161 \r
 162         return true ;\r
 163 }\r
 164 \r
 165         </script>\r
 166 </head>\r
 167 <body style="overflow: hidden">\r
 168         <table id="otable" cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 100%">\r
 169                 <tr>\r
 170                         <td>\r
 171                                 <table cellspacing="1" cellpadding="1" width="100%" border="0">\r
 172                                         <tr>\r
 173                                                 <td valign="top">\r
 174                                                         <table cellspacing="0" cellpadding="0" border="0">\r
 175                                                                 <tr>\r
 176                                                                         <td>\r
 177                                                                                 <span fcklang="DlgTableRows">Rows</span>:</td>\r
 178                                                                         <td>\r
 179                                                                                 &nbsp;<input id="txtRows" type="text" maxlength="3" size="2" value="3" name="txtRows"\r
 180                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 181                                                                 </tr>\r
 182                                                                 <tr>\r
 183                                                                         <td>\r
 184                                                                                 <span fcklang="DlgTableColumns">Columns</span>:</td>\r
 185                                                                         <td>\r
 186                                                                                 &nbsp;<input id="txtColumns" type="text" maxlength="2" size="2" value="2" name="txtColumns"\r
 187                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 188                                                                 </tr>\r
 189                                                                 <tr>\r
 190                                                                         <td>\r
 191                                                                                 &nbsp;</td>\r
 192                                                                         <td>\r
 193                                                                                 &nbsp;</td>\r
 194                                                                 </tr>\r
 195                                                                 <tr>\r
 196                                                                         <td>\r
 197                                                                                 <span fcklang="DlgTableBorder">Border size</span>:</td>\r
 198                                                                         <td>\r
 199                                                                                 &nbsp;<input id="txtBorder" type="text" maxlength="2" size="2" value="1" name="txtBorder"\r
 200                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 201                                                                 </tr>\r
 202                                                                 <tr>\r
 203                                                                         <td>\r
 204                                                                                 <span fcklang="DlgTableAlign">Alignment</span>:</td>\r
 205                                                                         <td>\r
 206                                                                                 &nbsp;<select id="selAlignment" name="selAlignment">\r
 207                                                                                         <option fcklang="DlgTableAlignNotSet" value="" selected="selected">&lt;Not set&gt;</option>\r
 208                                                                                         <option fcklang="DlgTableAlignLeft" value="left">Left</option>\r
 209                                                                                         <option fcklang="DlgTableAlignCenter" value="center">Center</option>\r
 210                                                                                         <option fcklang="DlgTableAlignRight" value="right">Right</option>\r
 211                                                                                 </select></td>\r
 212                                                                 </tr>\r
 213                                                         </table>\r
 214                                                 </td>\r
 215                                                 <td>\r
 216                                                         &nbsp;&nbsp;&nbsp;</td>\r
 217                                                 <td align="right" valign="top">\r
 218                                                         <table cellspacing="0" cellpadding="0" border="0">\r
 219                                                                 <tr>\r
 220                                                                         <td>\r
 221                                                                                 <span fcklang="DlgTableWidth">Width</span>:</td>\r
 222                                                                         <td>\r
 223                                                                                 &nbsp;<input id="txtWidth" type="text" maxlength="4" size="3" value="200" name="txtWidth"\r
 224                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 225                                                                         <td>\r
 226                                                                                 &nbsp;<select id="selWidthType" name="selWidthType">\r
 227                                                                                         <option fcklang="DlgTableWidthPx" value="pixels" selected="selected">pixels</option>\r
 228                                                                                         <option fcklang="DlgTableWidthPc" value="percent">percent</option>\r
 229                                                                                 </select></td>\r
 230                                                                 </tr>\r
 231                                                                 <tr>\r
 232                                                                         <td>\r
 233                                                                                 <span fcklang="DlgTableHeight">Height</span>:</td>\r
 234                                                                         <td>\r
 235                                                                                 &nbsp;<input id="txtHeight" type="text" maxlength="4" size="3" name="txtHeight" onkeypress="return IsDigit(event);" /></td>\r
 236                                                                         <td>\r
 237                                                                                 &nbsp;<span fcklang="DlgTableWidthPx">pixels</span></td>\r
 238                                                                 </tr>\r
 239                                                                 <tr>\r
 240                                                                         <td>\r
 241                                                                                 &nbsp;</td>\r
 242                                                                         <td>\r
 243                                                                                 &nbsp;</td>\r
 244                                                                         <td>\r
 245                                                                                 &nbsp;</td>\r
 246                                                                 </tr>\r
 247                                                                 <tr>\r
 248                                                                         <td nowrap="nowrap">\r
 249                                                                                 <span fcklang="DlgTableCellSpace">Cell spacing</span>:</td>\r
 250                                                                         <td>\r
 251                                                                                 &nbsp;<input id="txtCellSpacing" type="text" maxlength="2" size="2" value="1" name="txtCellSpacing"\r
 252                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 253                                                                         <td>\r
 254                                                                                 &nbsp;</td>\r
 255                                                                 </tr>\r
 256                                                                 <tr>\r
 257                                                                         <td nowrap="nowrap">\r
 258                                                                                 <span fcklang="DlgTableCellPad">Cell padding</span>:</td>\r
 259                                                                         <td>\r
 260                                                                                 &nbsp;<input id="txtCellPadding" type="text" maxlength="2" size="2" value="1" name="txtCellPadding"\r
 261                                                                                         onkeypress="return IsDigit(event);" /></td>\r
 262                                                                         <td>\r
 263                                                                                 &nbsp;</td>\r
 264                                                                 </tr>\r
 265                                                         </table>\r
 266                                                 </td>\r
 267                                         </tr>\r
 268                                 </table>\r
 269                                 <table cellspacing="0" cellpadding="0" width="100%" border="0">\r
 270                                         <tr>\r
 271                                                 <td nowrap="nowrap">\r
 272                                                         <span fcklang="DlgTableCaption">Caption</span>:&nbsp;</td>\r
 273                                                 <td>\r
 274                                                         &nbsp;</td>\r
 275                                                 <td width="100%" nowrap="nowrap">\r
 276                                                         <input id="txtCaption" type="text" style="width: 100%" /></td>\r
 277                                         </tr>\r
 278                                         <tr>\r
 279                                                 <td nowrap="nowrap">\r
 280                                                         <span fcklang="DlgTableSummary">Summary</span>:&nbsp;</td>\r
 281                                                 <td>\r
 282                                                         &nbsp;</td>\r
 283                                                 <td width="100%" nowrap="nowrap">\r
 284                                                         <input id="txtSummary" type="text" style="width: 100%" /></td>\r
 285                                         </tr>\r
 286                                 </table>\r
 287                         </td>\r
 288                 </tr>\r
 289         </table>\r
 290 </body>\r
 291 </html>\r