Subversion Repositories wimsdev

Rev

Rev 1442 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1442 Rev 13602
Line 1... Line -...
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" >
 1 
<!DOCTYPE html>
- 
 
 2 
<html>
3 
<head>
 3 
<head>
4 
    <title>Sample Page for Speck Edit</title>
 4 
    <title>Sample Page for Speck Edit</title>
5 
    <script src="speck/speck.js" type="text/javascript"></script>
 5 
    <script src="speck/speck.js"></script>
6 
    <link href="speck/speck.css" rel="stylesheet" type="text/css" />
 6 
    <link href="speck/speck.css" rel="stylesheet" />
7 
</head>
 7 
</head>
8 
<body onload="speckInit();" style="background-color:#ddd;">
 8 
<body onload="speckInit();" style="background-color:#ddd;">
9 
    <div style="width:768px;font-family:Arial;background-color: #fff;margin:auto;padding:20px;">
 9 
    <div style="width:768px;font-family:Arial;background-color: #fff;margin:auto;padding:20px;">
10 
   
 10 
 
11 
        <h1>Speck Edit Sample</h1>
 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>
 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 
       
 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>
 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 
       
 15 
 
16 
        <p>Output from the editor is captured using the iEdit[] collection with the form: iEdit["TextAreaId"].html();</p>
 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();" />
 17 
        <input type="button" value="Show Output" onclick="document.getElementById('ShowOutput').innerHTML = iEdit['SampleEdit'].html();" />
18 
        <hr />
 18 
        <hr />
19 
        <div id="ShowOutput">
 19 
        <div id="ShowOutput">
20 
       
 20 
 
21 
        </div>
 21 
        </div>
22 
   
 22 
 
23 
    </div>
 23 
    </div>
24 
</body>
 24 
</body>
25 
</html>
 25 
</html>