[Sommaire] [Imprimer]

   1  <html>
   2  <head>
   3  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4  <title>Example of HTMLArea 3.0 -- ListType plugin</title>
   5  
   6  <script type="text/javascript">
   7    _editor_lang = "en";
   8    _editor_url = "../";
   9  </script>
  10  
  11  <!-- load the main HTMLArea files -->
  12  <script type="text/javascript" src="../htmlarea.js"></script>
  13  
  14  <style type="text/css">
  15  html, body {
  16    font-family: Verdana,sans-serif;
  17    background-color: #fea;
  18    color: #000;
  19  }
  20  a:link, a:visited { color: #00f; }
  21  a:hover { color: #048; }
  22  a:active { color: #f00; }
  23  
  24  textarea { background-color: #fff; border: 1px solid 00f; }
  25  </style>
  26  
  27  <script type="text/javascript">
  28  // load the plugin files
  29  HTMLArea.loadPlugin("ListType");
  30  var editor = null;
  31  function initEditor() {
  32    editor = new HTMLArea("ta");
  33    editor.registerPlugin(ListType);
  34    editor.generate();
  35    return false;
  36  }
  37  </script>
  38  
  39  </head>
  40  
  41  <body onload="initEditor()">
  42  
  43  <h1>HTMLArea :: the ListType plugin</h1>
  44  
  45  <form action="test.cgi" method="post" id="edit" name="edit">
  46  
  47  <textarea id="ta" name="ta" style="width:100%" rows="24" cols="80">
  48  
  49  <p>List style type is selected using the CSS property
  50  &quot;list-style-type&quot;.  Hopefully it will work with Internet Explorer,
  51  right? ;-) Let's start the monster to test it out.<br /></p><p>Cool, it
  52  works.  Except for &quot;lower-greek&quot;, which doesn't seem to be
  53  supported (and worse, a gross error message is displayed).  Therefore, I
  54  hide that proerty from IE--it will only be available if the browser is not
  55  IE.<br /></p><ol style="list-style-type: decimal;"><li>This is a list<br
  56  /></li><li>with decimal numbers<br /></li><li>blah blah<br /></li><li>dolor
  57  sic amet<br /></li></ol><ol style="list-style-type: lower-greek;"><li>yet
  58  another</li><li>list with greek<br /></li><li>letters<br /></li><li>lorem
  59  ipsum<br /></li><li>yada yada<br /></li></ol>
  60  
  61  </textarea>
  62  
  63  </form>
  64  
  65  </body>
  66  </html>