[Sommaire] [Imprimer]

   1  <!--
   2  
   3    Strangely, IE sucks with or without the DOCTYPE switch.
   4    I thought it would only suck without it.
   5  
   6  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   7      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   8  
   9     Spell Checker Plugin for HTMLArea-3.0
  10     Sponsored by www.americanbible.org
  11     Implementation by Mihai Bazon, http://dynarch.com/mishoo/
  12    
  13     (c) dynarch.com 2003.
  14     Distributed under the same terms as HTMLArea itself.
  15     This notice MUST stay intact for use (see license.txt).
  16  
  17     $Id: spell-check-ui.html 20295 2006-02-15 12:31:25Z  $
  18  
  19  -->
  20  <html xmlns="http://www.w3.org/1999/xhtml">
  21  
  22    <head>
  23      <title>Spell Checker</title>
  24      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  25      <script type="text/javascript" src="spell-check-ui.js"></script>
  26  
  27      <style type="text/css">
  28        html, body { height: 100%; margin: 0px; padding: 0px; background-color: #fff;
  29        color: #000; }
  30        a:link, a:visited { color: #00f; text-decoration: none; }
  31        a:hover { color: #f00; text-decoration: underline; }
  32  
  33        table { background-color: ButtonFace; color: ButtonText;
  34        font-family: tahoma,verdana,sans-serif; font-size: 11px; }
  35  
  36        iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
  37  
  38        .controls { width: 13em; }
  39        .controls .sectitle { /* background-color: #736c6c; color: #fff;
  40        border-top: 1px solid #000; border-bottom: 1px solid #fff; */
  41        text-align: center;
  42        font-weight: bold; padding: 2px 4px; }
  43        .controls .secbody { margin-bottom: 10px; }
  44  
  45        button, select { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
  46        button { width: 6em; padding: 0px; }
  47  
  48        input, select { font-family: fixed,"andale mono",monospace; }
  49  
  50        #v_currentWord { color: #f00; font-weight: bold; }
  51        #statusbar { padding: 7px 0px 0px 5px; }
  52        #status { font-weight: bold; }
  53      </style>
  54  
  55    </head>
  56  
  57    <body onload="initDocument()">
  58  
  59      <form style="display: none;" action="spell-check-logic.cgi"
  60            method="post" target="framecontent"
  61            accept-charset="UTF-8"
  62            ><input type="hidden" name="content" id="f_content"
  63            /><input type="hidden" name="dictionary" id="f_dictionary"
  64            /><input type="hidden" name="init" id="f_init" value="1"
  65      /></form>
  66  
  67      <table style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
  68        <tr>
  69          <td colspan="2" style="height: 1em; padding: 2px;">
  70            <div style="float: right; padding: 2px;"><span>Dictionary</span>
  71              <select id="v_dictionaries" style="width: 10em"></select>
  72              <button id="b_recheck">Re-check</button>
  73            </div>
  74            <span id="status">Please wait.  Calling spell checker.</span>
  75          </td>
  76        </tr>
  77        <tr>
  78          <td valign="top" class="controls">
  79            <div class="secbody" style="text-align: center">
  80              <button id="b_info">Info</button>
  81            </div>
  82            <div class="sectitle">Original word</div>
  83            <div class="secbody" id="v_currentWord" style="text-align:
  84            center; margin-bottom: 0px;">pliz weit ;-)</div>
  85            <div class="secbody" style="text-align: center">
  86              <button id="b_revert">Revert</button>
  87            </div>
  88            <div class="sectitle">Replace with</div>
  89            <div class="secbody">
  90              <input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
  91              <div style="text-align: center; margin-top: 2px;">
  92                <button id="b_replace">Replace</button><button
  93                  id="b_replall">Replace all</button><br /><button
  94                  id="b_ignore">Ignore</button><button
  95                  id="b_ignall">Ignore all</button>
  96              </div>
  97            </div>
  98            <div class="sectitle">Suggestions</div>
  99            <div class="secbody">
 100              <select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
 101            </div>
 102          </td>
 103  
 104          <td>
 105            <iframe src="about:blank" width="100%" height="100%"
 106              id="i_framecontent" name="framecontent"></iframe>
 107          </td>
 108        </tr>
 109        <tr>
 110          <td style="height: 1em;" colspan="2">
 111            <div style="padding: 4px 2px 2px 2px; float: right;">
 112              <button id="b_ok">OK</button>
 113              <button id="b_cancel">Cancel</button>
 114            </div>
 115            <div id="statusbar"></div>
 116          </td>
 117        </tr>
 118      </table>
 119  
 120    </body>
 121  
 122  </html>