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