| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|---|
| 6 | <title>Checkbox Example</title> |
|---|
| 7 | <script type="text/javascript" src="./dojo/dojo.js" |
|---|
| 8 | djConfig="parseOnLoad: false"></script> |
|---|
| 9 | <script type="text/javascript"> |
|---|
| 10 | dojo.require("dojo.parser"); |
|---|
| 11 | dojo.require("dijit.form.CheckBox"); |
|---|
| 12 | </script> |
|---|
| 13 | </head> |
|---|
| 14 | <body class="tundra"> |
|---|
| 15 | <input id="cb" dojotype="dijit.form.CheckBox" |
|---|
| 16 | name="developer" checked="checked" value="on" |
|---|
| 17 | type="checkbox" /> |
|---|
| 18 | <label for="cb"> Are you a Developer </label> |
|---|
| 19 | <div>Parent Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc |
|---|
| 20 | pulvinar. Nam euismod metus eu libero. Suspendisse dictum orci eu metus. |
|---|
| 21 | Curabitur viverra sagittis augue. Cras vel lorem. Duis venenatis gravida ipsum. |
|---|
| 22 | Etiam vehicula venenatis urna. Nunc a purus vitae lacus dictum pharetra. |
|---|
| 23 | Sed cursus. Morbi eget lacus. Etiam bibendum eros at pede. Vestibulum tempor |
|---|
| 24 | vestibulum eros. Mauris laoreet venenatis mauris. Duis tempor neque vel arcu. |
|---|
| 25 | In vitae wisi. Nunc mattis wisi ac dolor. In lacus leo, volutpat nec, |
|---|
| 26 | accumsan sit amet, ultrices quis, sem. Vivamus in neque. Fusce sed nisl |
|---|
| 27 | et pede imperdiet commodo. Morbi ut risus nec nibh porta fringilla. |
|---|
| 28 | Morbi sit amet massa id neque iaculis scelerisque. Suspendisse risus nunc, |
|---|
| 29 | volutpat in, malesuada at, rhoncus at, enim. Cum sociis natoque penatibus |
|---|
| 30 | et magnis dis parturient montes, nascetur ridiculus mus. Nullam mauris magna, |
|---|
| 31 | luctus eu, dictum quis, ornare at, ante.</div> |
|---|
| 32 | <div style="float:left;border:1px solid red;padding:5px;margin:5px;background-color:#ccf;position:relative;top:-3em;z-index:1000;"> |
|---|
| 33 | Hi! This is a floating div</div> |
|---|
| 34 | <a href="#" onclick="dojo.parser.parse();">Trigger DOJO parser!</a> |
|---|
| 35 | </body></html> |
|---|
