| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <title>Dialog Widget Dojo Tests</title> |
|---|
| 6 | <script type="text/javascript"> djConfig = { isDebug: true }; </script> |
|---|
| 7 | <script type="text/javascript" src="../../dojo.js"></script> |
|---|
| 8 | <script type="text/javascript"> |
|---|
| 9 | dojo.require("dojo.widget.ConfirmDialog"); |
|---|
| 10 | </script> |
|---|
| 11 | |
|---|
| 12 | <script type="text/javascript"> |
|---|
| 13 | var dlg; |
|---|
| 14 | var secDlg; |
|---|
| 15 | function init(e) { |
|---|
| 16 | dlg = dojo.widget.byId("DialogContent"); |
|---|
| 17 | dlg.acceptCallback=function(){dojo.debug('ok clicked')}; |
|---|
| 18 | secDlg = dojo.widget.byId("SecondDialog"); |
|---|
| 19 | secDlg.acceptCallback=function(){dojo.debug('accept logged')}; |
|---|
| 20 | } |
|---|
| 21 | dojo.addOnLoad(init); |
|---|
| 22 | |
|---|
| 23 | </script> |
|---|
| 24 | <style type="text/css"> |
|---|
| 25 | body { font-family : sans-serif; } |
|---|
| 26 | .dojoDialog { |
|---|
| 27 | background : #eee; |
|---|
| 28 | border : 1px solid #999; |
|---|
| 29 | -moz-border-radius : 5px; |
|---|
| 30 | padding : 4px; |
|---|
| 31 | } |
|---|
| 32 | |
|---|
| 33 | form { |
|---|
| 34 | margin-bottom : 0; |
|---|
| 35 | } |
|---|
| 36 | </style> |
|---|
| 37 | </head> |
|---|
| 38 | <body> |
|---|
| 39 | <a href="javascript:dlg.show()">Show First Dialog</a> |
|---|
| 40 | |
|---|
| 41 | <div dojoType="confirmdialog" id="DialogContent" |
|---|
| 42 | message="Confirm that"> |
|---|
| 43 | |
|---|
| 44 | </div> |
|---|
| 45 | |
|---|
| 46 | <select> |
|---|
| 47 | <option>Lorem</option> |
|---|
| 48 | <option>ipsum</option> |
|---|
| 49 | <option>dolor</option> |
|---|
| 50 | <option>sit</option> |
|---|
| 51 | <option>amet</option> |
|---|
| 52 | </select> |
|---|
| 53 | |
|---|
| 54 | <p> |
|---|
| 55 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
|---|
| 56 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
|---|
| 57 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
|---|
| 58 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
|---|
| 59 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
|---|
| 60 | risus. |
|---|
| 61 | </p> |
|---|
| 62 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
|---|
| 63 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
|---|
| 64 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
|---|
| 65 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
|---|
| 66 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
|---|
| 67 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
|---|
| 68 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
|---|
| 69 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
|---|
| 70 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
|---|
| 71 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
|---|
| 72 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
|---|
| 73 | tortor pharetra congue. Suspendisse pulvinar. |
|---|
| 74 | </p> |
|---|
| 75 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
|---|
| 76 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
|---|
| 77 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
|---|
| 78 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
|---|
| 79 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
|---|
| 80 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
|---|
| 81 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
|---|
| 82 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
|---|
| 83 | sociosqu ad litora torquent per conubia nostra, per inceptos |
|---|
| 84 | hymenaeos. |
|---|
| 85 | </p> |
|---|
| 86 | <form> |
|---|
| 87 | <center> |
|---|
| 88 | <select> |
|---|
| 89 | <option>1</option> |
|---|
| 90 | <option>2</option> |
|---|
| 91 | </select> |
|---|
| 92 | </center> |
|---|
| 93 | </form> |
|---|
| 94 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
|---|
| 95 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
|---|
| 96 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
|---|
| 97 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
|---|
| 98 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
|---|
| 99 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
|---|
| 100 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
|---|
| 101 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
|---|
| 102 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
|---|
| 103 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
|---|
| 104 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
|---|
| 105 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
|---|
| 106 | consectetuer dapibus eros. Aliquam nisl. |
|---|
| 107 | </p> |
|---|
| 108 | |
|---|
| 109 | <p> |
|---|
| 110 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
|---|
| 111 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
|---|
| 112 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
|---|
| 113 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
|---|
| 114 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
|---|
| 115 | risus. |
|---|
| 116 | </p> |
|---|
| 117 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
|---|
| 118 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
|---|
| 119 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
|---|
| 120 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
|---|
| 121 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
|---|
| 122 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
|---|
| 123 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
|---|
| 124 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
|---|
| 125 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
|---|
| 126 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
|---|
| 127 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
|---|
| 128 | tortor pharetra congue. Suspendisse pulvinar. |
|---|
| 129 | </p> |
|---|
| 130 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
|---|
| 131 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
|---|
| 132 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
|---|
| 133 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
|---|
| 134 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
|---|
| 135 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
|---|
| 136 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
|---|
| 137 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
|---|
| 138 | sociosqu ad litora torquent per conubia nostra, per inceptos |
|---|
| 139 | hymenaeos. |
|---|
| 140 | </p> |
|---|
| 141 | <form> |
|---|
| 142 | <center> |
|---|
| 143 | <select> |
|---|
| 144 | <option>1</option> |
|---|
| 145 | <option>2</option> |
|---|
| 146 | </select> |
|---|
| 147 | </center> |
|---|
| 148 | </form> |
|---|
| 149 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
|---|
| 150 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
|---|
| 151 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
|---|
| 152 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
|---|
| 153 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
|---|
| 154 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
|---|
| 155 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
|---|
| 156 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
|---|
| 157 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
|---|
| 158 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
|---|
| 159 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
|---|
| 160 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
|---|
| 161 | consectetuer dapibus eros. Aliquam nisl. |
|---|
| 162 | </p> |
|---|
| 163 | |
|---|
| 164 | <a href="javascript:secDlg.show()">Show Second Dialog</a> |
|---|
| 165 | <p> |
|---|
| 166 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
|---|
| 167 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
|---|
| 168 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
|---|
| 169 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
|---|
| 170 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
|---|
| 171 | risus. |
|---|
| 172 | </p> |
|---|
| 173 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
|---|
| 174 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
|---|
| 175 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
|---|
| 176 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
|---|
| 177 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
|---|
| 178 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
|---|
| 179 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
|---|
| 180 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
|---|
| 181 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
|---|
| 182 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
|---|
| 183 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
|---|
| 184 | tortor pharetra congue. Suspendisse pulvinar. |
|---|
| 185 | </p> |
|---|
| 186 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
|---|
| 187 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
|---|
| 188 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
|---|
| 189 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
|---|
| 190 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
|---|
| 191 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
|---|
| 192 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
|---|
| 193 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
|---|
| 194 | sociosqu ad litora torquent per conubia nostra, per inceptos |
|---|
| 195 | hymenaeos. |
|---|
| 196 | </p> |
|---|
| 197 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
|---|
| 198 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
|---|
| 199 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
|---|
| 200 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
|---|
| 201 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
|---|
| 202 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
|---|
| 203 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
|---|
| 204 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
|---|
| 205 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
|---|
| 206 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
|---|
| 207 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
|---|
| 208 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
|---|
| 209 | consectetuer dapibus eros. Aliquam nisl. |
|---|
| 210 | </p> |
|---|
| 211 | |
|---|
| 212 | <p> |
|---|
| 213 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
|---|
| 214 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
|---|
| 215 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
|---|
| 216 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
|---|
| 217 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
|---|
| 218 | risus. |
|---|
| 219 | </p> |
|---|
| 220 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
|---|
| 221 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
|---|
| 222 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
|---|
| 223 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
|---|
| 224 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
|---|
| 225 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
|---|
| 226 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
|---|
| 227 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
|---|
| 228 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
|---|
| 229 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
|---|
| 230 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
|---|
| 231 | tortor pharetra congue. Suspendisse pulvinar. |
|---|
| 232 | </p> |
|---|
| 233 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
|---|
| 234 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
|---|
| 235 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
|---|
| 236 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
|---|
| 237 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
|---|
| 238 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
|---|
| 239 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
|---|
| 240 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
|---|
| 241 | sociosqu ad litora torquent per conubia nostra, per inceptos |
|---|
| 242 | hymenaeos. |
|---|
| 243 | </p> |
|---|
| 244 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
|---|
| 245 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
|---|
| 246 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
|---|
| 247 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
|---|
| 248 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
|---|
| 249 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
|---|
| 250 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
|---|
| 251 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
|---|
| 252 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
|---|
| 253 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
|---|
| 254 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
|---|
| 255 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
|---|
| 256 | consectetuer dapibus eros. Aliquam nisl. |
|---|
| 257 | </p> |
|---|
| 258 | |
|---|
| 259 | <div |
|---|
| 260 | dojoType="confirmdialog" |
|---|
| 261 | id="SecondDialog" |
|---|
| 262 | bgColor="black" |
|---|
| 263 | message="log accept?"> |
|---|
| 264 | |
|---|
| 265 | </div> |
|---|
| 266 | |
|---|
| 267 | </body> |
|---|
| 268 | </html> |
|---|
