[6280] | 1 | <!DOCTYPE html>
|
---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml">
|
---|
| 3 | <head>
|
---|
| 4 | <title>Freeow! Demo</title>
|
---|
| 5 | <meta charset="utf-8" />
|
---|
| 6 | <link rel="stylesheet" type="text/css" href="../style/freeow/freeow.css" />
|
---|
| 7 | <link rel="stylesheet" type="text/css" href="demo.css" />
|
---|
| 8 | <script type="text/javascript" src="jquery.js"></script>
|
---|
| 9 | <script type="text/javascript" src="../jquery.freeow.js"></script>
|
---|
| 10 | <script type="text/javascript" src="demo.js"></script>
|
---|
| 11 | </head>
|
---|
| 12 | <body>
|
---|
| 13 |
|
---|
| 14 | <h1>Freeow! Demo</h1>
|
---|
| 15 |
|
---|
| 16 | <div id="freeow-tr" class="freeow freeow-top-right"></div>
|
---|
| 17 | <div id="freeow-br" class="freeow freeow-bottom-right"></div>
|
---|
| 18 |
|
---|
| 19 | <div id="demo">
|
---|
| 20 | <div class="fieldset">
|
---|
| 21 | <h3 class="legend">Freeow! Demo</h3>
|
---|
| 22 |
|
---|
| 23 | <div class="form-line">
|
---|
| 24 | <label for="freeow-title">Title:</label>
|
---|
| 25 | <input id="freeow-title" class="text" type="text" value="Freeow!" />
|
---|
| 26 | </div>
|
---|
| 27 |
|
---|
| 28 | <div class="form-line">
|
---|
| 29 | <label for="freeow-message">Message:</label>
|
---|
| 30 | <textarea id="freeow-message">I am so hip I have trouble seeing over my pelvis!</textarea>
|
---|
| 31 | </div>
|
---|
| 32 |
|
---|
| 33 | <div class="form-line">
|
---|
| 34 | <label for="freeow-style">Style:</label>
|
---|
| 35 | <select id="freeow-style">
|
---|
| 36 | <option value="smokey">Smokey</option>
|
---|
| 37 | <option value="gray">Gray</option>
|
---|
| 38 | <option value="osx">OSX</option>
|
---|
| 39 | <option value="simple">Simple</option>
|
---|
| 40 | </select>
|
---|
| 41 | </div>
|
---|
| 42 |
|
---|
| 43 | <div class="form-line">
|
---|
| 44 | <label for="freeow-style">Position:</label>
|
---|
| 45 | <select id="freeow-position">
|
---|
| 46 | <option value="#freeow-tr">Top Right</option>
|
---|
| 47 | <option value="#freeow-br">Bottom Right</option>
|
---|
| 48 | </select>
|
---|
| 49 | </div>
|
---|
| 50 |
|
---|
| 51 | <div class="form-line-check">
|
---|
| 52 | <input id="freeow-append" type="checkbox" value="1" />
|
---|
| 53 | <label for="freeow-append">Append</label>
|
---|
| 54 | </div>
|
---|
| 55 |
|
---|
| 56 | <div class="form-line-check">
|
---|
| 57 | <input id="freeow-error" type="checkbox" value="1" />
|
---|
| 58 | <label for="freeow-error">Error Message</label>
|
---|
| 59 | </div>
|
---|
| 60 |
|
---|
| 61 | <div class="form-line-check">
|
---|
| 62 | <input id="freeow-dontautohide" type="checkbox" value="1" />
|
---|
| 63 | <label for="freeow-dontautohide">Don't auto hide</label>
|
---|
| 64 | </div>
|
---|
| 65 |
|
---|
| 66 | <div class="form-line-check">
|
---|
| 67 | <input id="freeow-slide" type="checkbox" value="1" />
|
---|
| 68 | <label for="freeow-slide">Slide effect</label>
|
---|
| 69 | </div>
|
---|
| 70 |
|
---|
| 71 | <div class="form-line">
|
---|
| 72 | <input id="freeow-show" type="button" value="Click to Freeow!" />
|
---|
| 73 | </div>
|
---|
| 74 |
|
---|
| 75 | <div class="clear"><!-- --></div>
|
---|
| 76 | </div>
|
---|
| 77 | </div>
|
---|
| 78 |
|
---|
| 79 | </body>
|
---|
| 80 | </html> |
---|