event refactor, landing on HEAD!
[freeside.git] / httemplate / elements / fckeditor / editor / dialog / fck_table.html
diff --git a/httemplate/elements/fckeditor/editor/dialog/fck_table.html b/httemplate/elements/fckeditor/editor/dialog/fck_table.html
new file mode 100644 (file)
index 0000000..6bb9d11
--- /dev/null
@@ -0,0 +1,291 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >\r
+<!--\r
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net\r
+ * Copyright (C) 2003-2007 Frederico Caldeira Knabben\r
+ *\r
+ * == BEGIN LICENSE ==\r
+ *\r
+ * Licensed under the terms of any of the following licenses at your\r
+ * choice:\r
+ *\r
+ *  - GNU General Public License Version 2 or later (the "GPL")\r
+ *    http://www.gnu.org/licenses/gpl.html\r
+ *\r
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")\r
+ *    http://www.gnu.org/licenses/lgpl.html\r
+ *\r
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")\r
+ *    http://www.mozilla.org/MPL/MPL-1.1.html\r
+ *\r
+ * == END LICENSE ==\r
+ *\r
+ * Table dialog window.\r
+-->\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+       <title>Table Properties</title>\r
+       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+       <meta name="robots" content="noindex, nofollow" />\r
+       <script src="common/fck_dialog_common.js" type="text/javascript"></script>\r
+       <script type="text/javascript">\r
+\r
+var oEditor = window.parent.InnerDialogLoaded() ;\r
+\r
+// Gets the document DOM\r
+var oDOM = oEditor.FCK.EditorDocument ;\r
+\r
+// Gets the table if there is one selected.\r
+var table ;\r
+var e = oEditor.FCKSelection.GetSelectedElement() ;\r
+\r
+if ( ( !e && document.location.search.substr(1) == 'Parent' ) || ( e && e.tagName != 'TABLE' ) )\r
+       e = oEditor.FCKSelection.MoveToAncestorNode( 'TABLE' ) ;\r
+\r
+if ( e && e.tagName == "TABLE" )\r
+       table = e ;\r
+\r
+// Fired when the window loading process is finished. It sets the fields with the\r
+// actual values if a table is selected in the editor.\r
+window.onload = function()\r
+{\r
+       // First of all, translate the dialog box texts\r
+       oEditor.FCKLanguageManager.TranslatePage(document) ;\r
+\r
+       if (table)\r
+       {\r
+               document.getElementById('txtRows').value    = table.rows.length ;\r
+               document.getElementById('txtColumns').value = table.rows[0].cells.length ;\r
+\r
+               // Gets the value from the Width or the Style attribute\r
+               var iWidth  = (table.style.width  ? table.style.width  : table.width ) ;\r
+               var iHeight = (table.style.height ? table.style.height : table.height ) ;\r
+\r
+               if (iWidth.indexOf('%') >= 0)                   // Percentual = %\r
+               {\r
+                       iWidth = parseInt( iWidth.substr(0,iWidth.length - 1), 10 ) ;\r
+                       document.getElementById('selWidthType').value = "percent" ;\r
+               }\r
+               else if (iWidth.indexOf('px') >= 0)             // Style Pixel = px\r
+               {                                                                                                                                                                                                                 //\r
+                       iWidth = iWidth.substr(0,iWidth.length - 2);\r
+                       document.getElementById('selWidthType').value = "pixels" ;\r
+               }\r
+\r
+               if (iHeight && iHeight.indexOf('px') >= 0)              // Style Pixel = px\r
+                       iHeight = iHeight.substr(0,iHeight.length - 2);\r
+\r
+               document.getElementById('txtWidth').value               = iWidth || '' ;\r
+               document.getElementById('txtHeight').value              = iHeight || '' ;\r
+               document.getElementById('txtBorder').value              = GetAttribute( table, 'border', '' ) ;\r
+               document.getElementById('selAlignment').value   = GetAttribute( table, 'align', '' ) ;\r
+               document.getElementById('txtCellPadding').value = GetAttribute( table, 'cellPadding', '' ) ;\r
+               document.getElementById('txtCellSpacing').value = GetAttribute( table, 'cellSpacing', '' ) ;\r
+               document.getElementById('txtSummary').value     = GetAttribute( table, 'summary', '' ) ;\r
+//             document.getElementById('cmbFontStyle').value   = table.className ;\r
+\r
+               if (table.caption) document.getElementById('txtCaption').value = table.caption.innerHTML ;\r
+\r
+               document.getElementById('txtRows').disabled    = true ;\r
+               document.getElementById('txtColumns').disabled = true ;\r
+       }\r
+\r
+       window.parent.SetOkButton( true ) ;\r
+       window.parent.SetAutoSize( true ) ;\r
+}\r
+\r
+// Fired when the user press the OK button\r
+function Ok()\r
+{\r
+       var bExists = ( table != null ) ;\r
+\r
+       if ( ! bExists )\r
+               table = oEditor.FCK.EditorDocument.createElement( "TABLE" ) ;\r
+\r
+       // Removes the Width and Height styles\r
+       if ( bExists && table.style.width )             table.style.width = null ; //.removeAttribute("width") ;\r
+       if ( bExists && table.style.height )    table.style.height = null ; //.removeAttribute("height") ;\r
+\r
+       var sWidth = GetE('txtWidth').value ;\r
+       if ( sWidth.length > 0 && GetE('selWidthType').value == 'percent' )\r
+               sWidth += '%' ;\r
+\r
+       SetAttribute( table, 'width'            , sWidth ) ;\r
+       SetAttribute( table, 'height'           , GetE('txtHeight').value ) ;\r
+       SetAttribute( table, 'border'           , GetE('txtBorder').value ) ;\r
+       SetAttribute( table, 'align'            , GetE('selAlignment').value ) ;\r
+       SetAttribute( table, 'cellPadding'      , GetE('txtCellPadding').value ) ;\r
+       SetAttribute( table, 'cellSpacing'      , GetE('txtCellSpacing').value ) ;\r
+       SetAttribute( table, 'summary'          , GetE('txtSummary').value ) ;\r
+\r
+       var eCaption = oEditor.FCKDomTools.GetFirstChild( table, 'CAPTION' ) ;\r
+\r
+       if ( document.getElementById('txtCaption').value != '')\r
+       {\r
+               if ( !eCaption )\r
+               {\r
+                       eCaption = oEditor.FCK.EditorDocument.createElement( 'CAPTION' ) ;\r
+                       table.insertBefore( eCaption, table.firstChild ) ;\r
+               }\r
+\r
+               eCaption.innerHTML = document.getElementById('txtCaption').value ;\r
+       }\r
+       else if ( bExists && eCaption )\r
+       {\r
+               if ( oEditor.FCKBrowserInfo.IsIE )\r
+                       eCaption.innerHTML = '' ;       // TODO: It causes an IE internal error if using removeChild or table.deleteCaption().\r
+               else\r
+                       eCaption.parentNode.removeChild( eCaption ) ;\r
+       }\r
+\r
+       if (! bExists)\r
+       {\r
+               var iRows = document.getElementById('txtRows').value ;\r
+               var iCols = document.getElementById('txtColumns').value ;\r
+\r
+               for ( var r = 0 ; r < iRows ; r++ )\r
+               {\r
+                       var oRow = table.insertRow(-1) ;\r
+                       for ( var c = 0 ; c < iCols ; c++ )\r
+                       {\r
+                               var oCell = oRow.insertCell(-1) ;\r
+                               if ( oEditor.FCKBrowserInfo.IsGeckoLike )\r
+                                       oCell.innerHTML = GECKO_BOGUS ;\r
+                               //oCell.innerHTML = "&nbsp;" ;\r
+                       }\r
+               }\r
+\r
+               oEditor.FCKUndo.SaveUndoStep() ;\r
+\r
+               oEditor.FCK.InsertElement( table ) ;\r
+       }\r
+\r
+       return true ;\r
+}\r
+\r
+       </script>\r
+</head>\r
+<body style="overflow: hidden">\r
+       <table id="otable" cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 100%">\r
+               <tr>\r
+                       <td>\r
+                               <table cellspacing="1" cellpadding="1" width="100%" border="0">\r
+                                       <tr>\r
+                                               <td valign="top">\r
+                                                       <table cellspacing="0" cellpadding="0" border="0">\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableRows">Rows</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtRows" type="text" maxlength="3" size="2" value="3" name="txtRows"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableColumns">Columns</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtColumns" type="text" maxlength="2" size="2" value="2" name="txtColumns"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableBorder">Border size</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtBorder" type="text" maxlength="2" size="2" value="1" name="txtBorder"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableAlign">Alignment</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<select id="selAlignment" name="selAlignment">\r
+                                                                                       <option fcklang="DlgTableAlignNotSet" value="" selected="selected">&lt;Not set&gt;</option>\r
+                                                                                       <option fcklang="DlgTableAlignLeft" value="left">Left</option>\r
+                                                                                       <option fcklang="DlgTableAlignCenter" value="center">Center</option>\r
+                                                                                       <option fcklang="DlgTableAlignRight" value="right">Right</option>\r
+                                                                               </select></td>\r
+                                                               </tr>\r
+                                                       </table>\r
+                                               </td>\r
+                                               <td>\r
+                                                       &nbsp;&nbsp;&nbsp;</td>\r
+                                               <td align="right" valign="top">\r
+                                                       <table cellspacing="0" cellpadding="0" border="0">\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableWidth">Width</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtWidth" type="text" maxlength="4" size="3" value="200" name="txtWidth"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<select id="selWidthType" name="selWidthType">\r
+                                                                                       <option fcklang="DlgTableWidthPx" value="pixels" selected="selected">pixels</option>\r
+                                                                                       <option fcklang="DlgTableWidthPc" value="percent">percent</option>\r
+                                                                               </select></td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               <span fcklang="DlgTableHeight">Height</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtHeight" type="text" maxlength="4" size="3" name="txtHeight" onkeypress="return IsDigit(event);" /></td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<span fcklang="DlgTableWidthPx">pixels</span></td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td nowrap="nowrap">\r
+                                                                               <span fcklang="DlgTableCellSpace">Cell spacing</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtCellSpacing" type="text" maxlength="2" size="2" value="1" name="txtCellSpacing"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                               </tr>\r
+                                                               <tr>\r
+                                                                       <td nowrap="nowrap">\r
+                                                                               <span fcklang="DlgTableCellPad">Cell padding</span>:</td>\r
+                                                                       <td>\r
+                                                                               &nbsp;<input id="txtCellPadding" type="text" maxlength="2" size="2" value="1" name="txtCellPadding"\r
+                                                                                       onkeypress="return IsDigit(event);" /></td>\r
+                                                                       <td>\r
+                                                                               &nbsp;</td>\r
+                                                               </tr>\r
+                                                       </table>\r
+                                               </td>\r
+                                       </tr>\r
+                               </table>\r
+                               <table cellspacing="0" cellpadding="0" width="100%" border="0">\r
+                                       <tr>\r
+                                               <td nowrap="nowrap">\r
+                                                       <span fcklang="DlgTableCaption">Caption</span>:&nbsp;</td>\r
+                                               <td>\r
+                                                       &nbsp;</td>\r
+                                               <td width="100%" nowrap="nowrap">\r
+                                                       <input id="txtCaption" type="text" style="width: 100%" /></td>\r
+                                       </tr>\r
+                                       <tr>\r
+                                               <td nowrap="nowrap">\r
+                                                       <span fcklang="DlgTableSummary">Summary</span>:&nbsp;</td>\r
+                                               <td>\r
+                                                       &nbsp;</td>\r
+                                               <td width="100%" nowrap="nowrap">\r
+                                                       <input id="txtSummary" type="text" style="width: 100%" /></td>\r
+                                       </tr>\r
+                               </table>\r
+                       </td>\r
+               </tr>\r
+       </table>\r
+</body>\r
+</html>\r