Subversion Repositories wimsdev

Rev

Rev 1442 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Sample Page for Speck Edit</title>
  5.     <script src="speck/speck.js"></script>
  6.     <link href="speck/speck.css" rel="stylesheet" />
  7. </head>
  8. <body onload="speckInit();" style="background-color:#ddd;">
  9.     <div style="width:768px;font-family:Arial;background-color: #fff;margin:auto;padding:20px;">
  10.  
  11.         <h1>Speck Edit Sample</h1>
  12.         <p>When speckInit(); is called any text area with the class "iEdit" will be converted to a speck edit window.  The text area must have an id.  Width and height settings may be applied.</p>
  13.  
  14.         <textarea id="SampleEdit" style="width:600px;height:300px;" cols="" rows="" class="iEdit" >This is the sample speck edit window.  Begin editing this text using the controls above.</textarea>
  15.  
  16.         <p>Output from the editor is captured using the iEdit[] collection with the form: iEdit["TextAreaId"].html();</p>
  17.         <input type="button" value="Show Output" onclick="document.getElementById('ShowOutput').innerHTML = iEdit['SampleEdit'].html();" />
  18.         <hr />
  19.         <div id="ShowOutput">
  20.  
  21.         </div>
  22.  
  23.     </div>
  24. </body>
  25. </html>
  26.