[Sommaire] [Imprimer]

   1  <html STYLE="width: 432px; height: 168px; ">
   2  <head><title>Insert Table</title><head>
   3  <style>
   4    html, body, button, div, input, select, td, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
   5  </style>
   6  <script>
   7  
   8  // if we pass the "window" object as a argument and then set opener to

   9  // equal that we can refer to dialogWindows and popupWindows the same way

  10  opener = window.dialogArguments;
  11  
  12  var _editor_url = opener._editor_url;
  13  var objname     = location.search.substring(1,location.search.length);
  14  var config      = opener.document.all[objname].config;
  15  var editor_obj  = opener.document.all["_" +objname+  "_editor"];
  16  var editdoc     = editor_obj.contentWindow.document;
  17  
  18  function _CloseOnEsc() {
  19    if (event.keyCode == 27) { window.close(); return; }
  20  }
  21  
  22  window.onerror = HandleError
  23  
  24  function HandleError(message, url, line) {
  25    var str = "An error has occurred in this dialog." + "\n\n"
  26    + "Error: " + line + "\n" + message;
  27    alert(str);
  28  //  window.close();

  29    return true;
  30  }
  31  
  32  function Init() {
  33    document.body.onkeypress = _CloseOnEsc;
  34  }
  35  
  36  function _isValidNumber(txtBox) {
  37    var val = parseInt(txtBox);
  38    if (isNaN(val) || val < 0 || val > 9999) { return false; }
  39    return true;
  40  }
  41  
  42  function btnOKClick() {
  43    var curRange = editdoc.selection.createRange();
  44  
  45    // error checking

  46    var checkList = ['rows','cols','border','cellspacing','cellpadding'];
  47    for (var idx in checkList) {
  48      var fieldname = checkList[idx];
  49      if (document.all[fieldname].value == "") {
  50        alert("You must specify a value for the '" +fieldname+ "' field!");
  51        document.all[fieldname].focus();
  52        return;
  53      }
  54      else if (!_isValidNumber(document.all[fieldname].value)) {
  55        alert("You must specify a number between 0 and 9999 for '" +fieldname+ "'!");
  56        document.all[fieldname].focus();
  57        return;
  58      }
  59    }
  60  
  61    // delete selected content (if applicable)

  62    if (editdoc.selection.type == "Control" || curRange.htmlText) {
  63  
  64      if (!confirm("Overwrite selected content?")) { return; }
  65  
  66      curRange.execCommand('Delete');
  67      curRange = editdoc.selection.createRange();
  68    }
  69  
  70  
  71    // create table

  72    var table = '<table border="' +document.all.border.value+ '"'
  73              + ' cellspacing="' +document.all.cellspacing.value+ '"'
  74              + ' cellpadding="' +document.all.cellpadding.value+ '"'
  75              + ' width="' +document.all.width.value + document.all.widthExt.value+ '"'
  76              + ' align="' +document.all.alignment.value+ '">\n';
  77  
  78    for (var x=0; x<document.all.rows.value; x++) {
  79      table += " <tr>\n";
  80      for (var y=0; y<document.all.cols.value; y++) {
  81        table += "  <td></td>\n";
  82      }
  83      table += " </tr>\n";
  84    }
  85    table += "</table>\n";
  86  
  87    // insert table

  88    opener.editor_insertHTML(objname, table);
  89  
  90  
  91    // close popup window

  92    window.close();
  93  }
  94  </SCRIPT>
  95  </HEAD>
  96  <BODY id=bdy onload="Init()" style="background: threedface; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
  97  
  98  <table border=0 cellspacing=0 cellpadding=0 style="margin: 0 0 8 0">
  99   <tr>
 100    <td>Rows: &nbsp;</td>
 101    <td><input type="text" name="rows" value="4"  style="width: 50px" maxlength=4></td>
 102   </tr>
 103   <tr>
 104    <td>Cols:</td>
 105    <td><input type="text" name="cols" value="3"  style="width: 50px" maxlength=4></td>
 106    <td width=10>&nbsp;</td>
 107    <td>Width: &nbsp;</td>
 108    <td>
 109     <input type="text" name="width" value="100" style="width: 50px" maxlength=4>
 110     <select name="widthExt">
 111      <option value="">Pixels</option>
 112      <option value="%" selected>Percent</option>
 113     </select>
 114    </td>
 115   </tr>
 116  </table>
 117  
 118  
 119  <FIELDSET style="width: 1%; text-align: center">
 120  <LEGEND>Layout</LEGEND>
 121  
 122  <table border=0 cellspacing=6 cellpadding=0>
 123   <tr>
 124    <td height=21>Alignment:</td>
 125    <td>
 126     <select name="alignment" size=1>
 127     <option value="">Not set</option>
 128     <option value="left">Left</option>
 129     <option value="right">Right</option>
 130     <option value="textTop">Texttop</option>
 131     <option value="absMiddle">Absmiddle</option>
 132     <option value="baseline">Baseline</option>
 133     <option value="absBottom">Absbottom</option>
 134     <option value="bottom">Bottom</option>
 135     <option value="middle">Middle</option>
 136     <option value="top">Top</option>
 137     </select>
 138    </td>
 139   </tr>
 140   <tr>
 141    <td><nobr>Border Thickness:</nobr></td>
 142    <td><input type="text" name="border" value="1" size=4 style="width: 100%"></td>
 143   </tr>
 144  </table>
 145  </FIELDSET>
 146  
 147  
 148  <FIELDSET style="width: 1%; text-align: center">
 149  <LEGEND>Spacing</LEGEND>
 150  
 151  <table border=0 cellspacing=6 cellpadding=0>
 152   <tr>
 153    <td><nobr>Cell Spacing:</nobr></td>
 154    <td><input type="text" name="cellspacing" value="1" style="width: 50px" maxlength=4></td>
 155   </tr>
 156   <tr>
 157    <td><nobr>Cell Padding:</nobr></td>
 158    <td><input type="text" name="cellpadding" value="2" style="width: 50px" maxlength=4></td>
 159   </tr>
 160  </table>
 161  </FIELDSET>
 162  
 163  
 164  <div style="left: 340px; top: 16px; position: absolute">
 165   <BUTTON style="width: 7em; height: 2.2em; margin: 0 0 3 0" type=submit onclick="btnOKClick()">OK</BUTTON><br>
 166   <BUTTON style="width: 7em; height: 2.2em; " type=reset onClick="window.close();">Cancel</BUTTON>
 167  </div>
 168  
 169  </BODY>
 170  </HTML>