eGroupWare 1.2.106-2 : /phpgwapi/js/tinymce/jscripts/tiny

[Sommaire] [Imprimer]
   1  <html>
   2  <head>
   3  <title>{$lang_insert_table_title}</title>
   4  <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
   5  <script language="javascript" type="text/javascript">
   6  // Disable auto resize
   7  tinyMCE.getWindowArg('mce_windowresize', false);
   8  
   9  function insertTable() {
  10      if (window.opener) {
  11          var args = new Array();
  12  
  13          args["cols"] = document.forms[0].cols.value;
  14          args["rows"] = document.forms[0].rows.value;
  15          args["border"] = document.forms[0].border.value;
  16          args["cellpadding"] = document.forms[0].cellpadding.value;
  17          args["cellspacing"] = document.forms[0].cellspacing.value;
  18          args["width"] = document.forms[0].width.value;
  19          args["height"] = document.forms[0].height.value;
  20          args["bordercolor"] =    document.forms[0].bordercolor.value;
  21          args["bgcolor"] =    document.forms[0].bgcolor.value;
  22          args["align"] = document.forms[0].align.options[document.forms[0].align.selectedIndex].value;
  23          args["className"] = document.forms[0].styleSelect.options[document.forms[0].styleSelect.selectedIndex].value;
  24  
  25          window.opener.tinyMCE.execCommand("mceInsertTable", false, args);
  26          top.close();
  27      }
  28  }
  29  
  30  function init() {
  31      if (tinyMCE.settings['table_color_fields']) {
  32          document.getElementById('colors').style.display = tinyMCE.isMSIE ? 'block' : 'table-row';
  33          TinyMCEPlugin_onLoad(); // Resize again
  34      }
  35  
  36      for (var i=0; i<document.forms[0].align.options.length; i++) {
  37          if (document.forms[0].align.options[i].value == tinyMCE.getWindowArg('align'))
  38              document.forms[0].align.options.selectedIndex = i;
  39      }
  40  
  41      var className = tinyMCE.getWindowArg('className');
  42      var styleSelectElm = document.forms[0].styleSelect;
  43      var stylesAr = tinyMCE.getParam('theme_advanced_styles', false);
  44      if (stylesAr) {
  45          stylesAr = stylesAr.split(';');
  46  
  47          for (var i=0; i<stylesAr.length; i++) {
  48              var key, value;
  49  
  50              key = stylesAr[i].split('=')[0];
  51              value = stylesAr[i].split('=')[1];
  52  
  53              styleSelectElm.options[styleSelectElm.length] = new Option(key, value);
  54              if (value == className)
  55                  styleSelectElm.options.selectedIndex = styleSelectElm.options.length-1;
  56          }
  57      } else {
  58          var csses = tinyMCE.getCSSClasses(tinyMCE.getWindowArg('editor_id'));
  59          for (var i=0; i<csses.length; i++) {
  60              styleSelectElm.options[styleSelectElm.length] = new Option(csses[i], csses[i]);
  61              if (csses[i] == className)
  62                  styleSelectElm.options.selectedIndex = styleSelectElm.options.length-1;
  63          }
  64      }
  65  
  66      if (tinyMCE.getWindowArg('action') == "update") {
  67          document.forms[0].cols.disabled = true;
  68          document.forms[0].rows.disabled = true;
  69      }
  70  
  71      var formObj = document.forms[0];
  72      formObj.cols.value = tinyMCE.getWindowArg('cols');
  73      formObj.rows.value = tinyMCE.getWindowArg('rows');
  74      formObj.border.value = tinyMCE.getWindowArg('border');
  75      formObj.cellpadding.value = tinyMCE.getWindowArg('cellpadding');
  76      formObj.cellspacing.value = tinyMCE.getWindowArg('cellspacing');
  77      formObj.width.value = tinyMCE.getWindowArg('width');
  78      formObj.height.value = tinyMCE.getWindowArg('height');
  79      formObj.bordercolor.value = tinyMCE.getWindowArg('bordercolor');
  80      formObj.bgcolor.value = tinyMCE.getWindowArg('bgcolor');
  81      formObj.insert.value = tinyMCE.getLang('lang_' + tinyMCE.getWindowArg('action'), 'Insert', true); 
  82  
  83      // Autoresize and focus
  84      TinyMCEPopup_autoResize();
  85      window.focus();
  86  }
  87  
  88  function cancelAction() {
  89      top.close();
  90  }
  91  </script>
  92  </head>
  93  <body onload="window.focus();init();">
  94  <form onsubmit="insertTable();return false;">
  95    <table border="0" cellpadding="0" cellspacing="0" width="200">
  96      <tr>
  97        <td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0">
  98            <tr>
  99              <td colspan="4" class="title">{$lang_insert_table_title}</td>
 100            </tr>
 101            <tr>
 102              <td>{$lang_insert_table_cols}:</td>
 103              <td><input name="cols" type="text" id="cols" value="" size="3" maxlength="3"></td>
 104              <td>{$lang_insert_table_rows}:</td>
 105              <td><input name="rows" type="text" id="rows" value="" size="3" maxlength="3"></td>
 106            </tr>
 107            <tr>
 108              <td>{$lang_insert_table_cellpadding}:</td>
 109              <td><input name="cellpadding" type="text" id="cellpadding" value="" size="3" maxlength="3"></td>
 110              <td>{$lang_insert_table_cellspacing}:</td>
 111              <td><input name="cellspacing" type="text" id="cellspacing" value="" size="3" maxlength="3"></td>
 112            </tr>
 113            <tr>
 114              <td>{$lang_insert_table_align}:</td>
 115              <td><select name="align">
 116                  <option value="">{$lang_insert_table_align_default}</option>
 117                  <option value="center">{$lang_insert_table_align_middle}</option>
 118                  <option value="left">{$lang_insert_table_align_left}</option>
 119                  <option value="right">{$lang_insert_table_align_right}</option>
 120                </select></td>
 121              <td>{$lang_insert_table_border}:</td>
 122              <td><input name="border" type="text" id="border" value="" size="3" maxlength="3"></td>
 123            </tr>
 124            <tr>
 125              <td>{$lang_insert_table_width}:</td>
 126              <td><input name="width" type="text" id="width" value="" size="4" maxlength="4"></td>
 127              <td>{$lang_insert_table_height}: </td>
 128              <td><input name="height" type="text" id="height" value="" size="4" maxlength="4"></td>
 129            </tr>
 130            <tr id="colors" style="display: none">
 131              <td>{$lang_table_bordercolor}:</td>
 132              <td><input name="bordercolor" type="text" id="bordercolor" value=""    size="9" maxlength="7"></td>
 133              <td>{$lang_table_bgcolor}:</td>
 134              <td><input name="bgcolor" type="text" id="bgcolor" value=""    size="9" maxlength="7"></td>
 135            </tr>
 136            <tr>
 137              <td>{$lang_insert_table_class}:</td>
 138              <td>
 139               <select name="styleSelect">
 140                  <option value="" selected>-- {$lang_theme_style_select} --</option>
 141               </select></td>
 142              <td align="right">&nbsp;</td>
 143              <td align="right">&nbsp;</td>
 144            </tr>
 145            <tr>
 146              <td><input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertTable();"></td>
 147              <td align="right">&nbsp;</td>
 148              <td align="right">&nbsp;</td>
 149              <td align="right"><input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td>
 150            </tr>
 151          </table></td>
 152      </tr>
 153    </table>
 154  </form>
 155  </body>
 156  </html>
Code source de eGroupWare 1.2.106-2

/phpgwapi/js/tinymce/jscripts/tiny_mce/plugins/table/ -> table.htm (source)
