Subversion Repositories wimsdev

Rev

Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>Sample Page for Speck Edit</title>
  5.     <script src="speck/speck.js" type="text/javascript"></script>
  6.     <link href="speck/speck.css" rel="stylesheet" type="text/css" />
  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.