Rev 1442 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 13602 | obado | 1 | <!DOCTYPE html> |
| 2 | <html> |
||
| 1442 | bpr | 3 | <head> |
| 4 | <title>Sample Page for Speck Edit</title> |
||
| 13602 | obado | 5 | <script src="speck/speck.js"></script> |
| 6 | <link href="speck/speck.css" rel="stylesheet" /> |
||
| 1442 | bpr | 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;"> |
||
| 13602 | obado | 10 | |
| 1442 | bpr | 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> |
||
| 13602 | obado | 13 | |
| 1442 | bpr | 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> |
| 13602 | obado | 15 | |
| 1442 | bpr | 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"> |
||
| 13602 | obado | 20 | |
| 1442 | bpr | 21 | </div> |
| 13602 | obado | 22 | |
| 1442 | bpr | 23 | </div> |
| 24 | </body> |
||
| 25 | </html> |