--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"\r
+ "http://www.w3.org/TR/html4/strict.dtd">\r
+<html>\r
+ <head>\r
+ <title>Test Widget Templates in Multiple Themes</title>\r
+\r
+ <style type="text/css">\r
+ @import "../../dojo/resources/dojo.css";\r
+ @import "noir/noir.css";\r
+ @import "tundra/tundra.css";\r
+ @import "soria/soria.css";\r
+ @import "../tests/css/dijitTests.css"; \r
+\r
+ /* group multiple buttons in a row */\r
+ body {\r
+ margin:10px;\r
+ }\r
+ .box {\r
+ display: block;\r
+ }\r
+ .box .dijitButton {\r
+ margin-right: 10px;\r
+ }\r
+ </style>\r
+\r
+ <script type="text/javascript" src="../../dojo/dojo.js"\r
+ djConfig="parseOnLoad: true, isDebug: true"></script>\r
+ <script type="text/javascript" src="../tests/_testCommon.js"></script>\r
+\r
+ <script type="text/javascript">\r
+ dojo.require("dijit.Menu");\r
+ dojo.require("dijit.form.Button");\r
+ dojo.require("dijit.form.ComboBox");\r
+ dojo.require("dijit.form.NumberSpinner");\r
+ dojo.require("dojo.parser");\r
+ logMessage = console.debug;\r
+ </script>\r
+ </head>\r
+ <body>\r
+ <h2>Tundra</h2>\r
+ <div id='tundra' class="box tundra">\r
+ <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")'>\r
+ Button\r
+ </button>\r
+ <button dojoType="dijit.form.Button" iconClass="noteIcon" onClick='logMessage("clicked simple")'>\r
+ Button w/image\r
+ </button>\r
+ <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")' disabled='true'>\r
+ Disabled Button\r
+ </button>\r
+ <br><br>\r
+ <button dojoType="dijit.form.DropDownButton">\r
+ <span>Drop Down Button</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"\r
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"\r
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"\r
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
+ </div>\r
+ </button>\r
+ <button dojoType="dijit.form.DropDownButton" iconClass="noteIcon">\r
+ <span>Button w/image</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"\r
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"\r
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"\r
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
+ </div>\r
+ </button>\r
+ <button dojoType="dijit.form.DropDownButton" disabled='true'>\r
+ <span>Drop Down Disabled</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"\r
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"\r
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"\r
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
+ </div>\r
+ </button>\r
+ <br><br>\r
+ <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")'>\r
+ <span>Combo Button</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
+ <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
+ </div>\r
+ </button>\r
+ <button dojoType="dijit.form.ComboButton" iconClass="noteIcon" onClick='logMessage("clicked combo save")'>\r
+ <span>Combo w/image</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconSave"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
+ <div dojoType="dijit.MenuItem"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
+ </div>\r
+ </button>\r
+ <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")' disabled='true'>\r
+ <span>Combo Disabled</span>\r
+ <div dojoType="dijit.Menu" style="display: none;">\r
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconSave"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
+ <div dojoType="dijit.MenuItem"\r
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
+ </div>\r
+ </button>\r
+ <br><br>\r
+ <input dojoType="dijit.form.ComboBox"\r
+ value="California"\r
+ class="medium"\r
+ url="../tests/form/states.json"\r
+ searchAttr="name"\r
+ labelField="label"\r
+ labelType="html"\r
+ style="width: 300px;"\r
+ name="state2"\r
+ promptMessage="Please enter a state"\r
+ >\r
+\r
+ <input dojoType="dijit.form.ComboBox"\r
+ value="California"\r
+ class="medium"\r
+ url="../tests/form/states.json"\r
+ searchAttr="name"\r
+ labelField="label"\r
+ labelType="html"\r
+ style="width: 300px;"\r
+ name="state2"\r
+ promptMessage="Please enter a state"\r
+ disabled="true"\r
+ >\r
+\r
+ <br><br>\r
+ <input dojoType="dijit.form.NumberSpinner" \r
+ onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"\r
+ value="900" \r
+ constraints={max:1550,places:0}\r
+ maxLength="10" \r
+ >\r
+\r
+\r
+ <input dojoType="dijit.form.NumberSpinner" \r
+ onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"\r
+ value="900" \r
+ disabled='true'\r
+ constraints={max:1550,places:0}\r
+ maxLength="10" \r
+ >\r
+\r
+ </div>\r
+ <br clear=both>\r
+\r
+ <h2>Noir</h2>\r
+ <div id='noir' class="box noir">\r
+ </div>\r
+ <br clear=both>\r
+\r
+ <h2>Soria</h2>\r
+ <div id='soria' class="box soria">\r
+ </div>\r
+ <br clear=both>\r
+\r
+ <h2>a11y mode</h2>\r
+ <div id='a11y' class="box dijit_a11y">\r
+ </div>\r
+ <br clear=both>\r
+\r
+ \r
+\r
+<script language='javascript'>\r
+ var html = dojo.byId("tundra").innerHTML;\r
+ dojo.byId("noir").innerHTML = html;\r
+ dojo.byId("a11y").innerHTML = html;\r
+ dojo.byId("soria").innerHTML = html;\r
+</script>\r
+\r
+ </body>\r
+</html>\r
projects / eow / blobdiff