git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/templateThemeTest.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"\r
   2                 "http://www.w3.org/TR/html4/strict.dtd">\r
   3 <html>\r
   4         <head>\r
   5                 <title>Test Widget Templates in Multiple Themes</title>\r
   6 \r
   7                 <style type="text/css">\r
   8                         @import "../../dojo/resources/dojo.css";\r
   9                         @import "noir/noir.css";\r
  10                         @import "tundra/tundra.css";\r
  11                         @import "soria/soria.css";\r
  12                         @import "../tests/css/dijitTests.css"; \r
  13 \r
  14                         /* group multiple buttons in a row */\r
  15                         body {\r
  16                                 margin:10px;\r
  17                         }\r
  18                         .box {\r
  19                                 display: block;\r
  20                         }\r
  21                         .box .dijitButton {\r
  22                                 margin-right: 10px;\r
  23                         }\r
  24                 </style>\r
  25 \r
  26                 <script type="text/javascript" src="../../dojo/dojo.js"\r
  27                         djConfig="parseOnLoad: true, isDebug: true"></script>\r
  28                 <script type="text/javascript" src="../tests/_testCommon.js"></script>\r
  29 \r
  30                 <script type="text/javascript">\r
  31                         dojo.require("dijit.Menu");\r
  32                         dojo.require("dijit.form.Button");\r
  33                         dojo.require("dijit.form.ComboBox");\r
  34                         dojo.require("dijit.form.NumberSpinner");\r
  35                         dojo.require("dojo.parser");\r
  36                         logMessage = console.debug;\r
  37                 </script>\r
  38         </head>\r
  39         <body>\r
  40                 <h2>Tundra</h2>\r
  41                 <div id='tundra' class="box tundra">\r
  42                         <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")'>\r
  43                                 Button\r
  44                         </button>\r
  45                         <button dojoType="dijit.form.Button" iconClass="noteIcon" onClick='logMessage("clicked simple")'>\r
  46                                 Button w/image\r
  47                         </button>\r
  48                         <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")' disabled='true'>\r
  49                                 Disabled Button\r
  50                         </button>\r
  51                 <br><br>\r
  52                         <button dojoType="dijit.form.DropDownButton">\r
  53                                 <span>Drop Down Button</span>\r
  54                                 <div dojoType="dijit.Menu" style="display: none;">\r
  55                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCut"\r
  56                                                 onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
  57                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCopy"\r
  58                                                 onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
  59                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconPaste"\r
  60                                                 onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
  61                                 </div>\r
  62                         </button>\r
  63                         <button dojoType="dijit.form.DropDownButton" iconClass="noteIcon">\r
  64                                 <span>Button w/image</span>\r
  65                                 <div dojoType="dijit.Menu" style="display: none;">\r
  66                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCut"\r
  67                                                 onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
  68                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCopy"\r
  69                                                 onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
  70                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconPaste"\r
  71                                                 onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
  72                                 </div>\r
  73                         </button>\r
  74                         <button dojoType="dijit.form.DropDownButton" disabled='true'>\r
  75                                 <span>Drop Down Disabled</span>\r
  76                                 <div dojoType="dijit.Menu" style="display: none;">\r
  77                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCut"\r
  78                                                 onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>\r
  79                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconCopy"\r
  80                                                 onClick="logMessage('not actually copying anything, just a test!')">Copy</div>\r
  81                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconPaste"\r
  82                                                 onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>\r
  83                                 </div>\r
  84                         </button>\r
  85                 <br><br>\r
  86                         <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")'>\r
  87                                 <span>Combo Button</span>\r
  88                                 <div dojoType="dijit.Menu" style="display: none;">\r
  89                                         <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"\r
  90                                                 onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
  91                                         <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"\r
  92                                                 onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
  93                                 </div>\r
  94                         </button>\r
  95                         <button dojoType="dijit.form.ComboButton" iconClass="noteIcon" onClick='logMessage("clicked combo save")'>\r
  96                                 <span>Combo w/image</span>\r
  97                                 <div dojoType="dijit.Menu" style="display: none;">\r
  98                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconSave"\r
  99                                                 onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
 100                                         <div dojoType="dijit.MenuItem"\r
 101                                                 onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
 102                                 </div>\r
 103                         </button>\r
 104                         <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")' disabled='true'>\r
 105                                 <span>Combo Disabled</span>\r
 106                                 <div dojoType="dijit.Menu" style="display: none;">\r
 107                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIconSave"\r
 108                                                 onClick="logMessage('not actually saving anything, just a test!')">Save</div>\r
 109                                         <div dojoType="dijit.MenuItem"\r
 110                                                 onClick="logMessage('not actually saving anything, just a test!')">Save As</div>\r
 111                                 </div>\r
 112                         </button>\r
 113                 <br><br>\r
 114                         <input dojoType="dijit.form.ComboBox"\r
 115                                         value="California"\r
 116                                         class="medium"\r
 117                                         url="../tests/form/states.json"\r
 118                                         searchAttr="name"\r
 119                                         labelField="label"\r
 120                                         labelType="html"\r
 121                                         style="width: 300px;"\r
 122                                         name="state2"\r
 123                                         promptMessage="Please enter a state"\r
 124                         >\r
 125 \r
 126                         <input dojoType="dijit.form.ComboBox"\r
 127                                         value="California"\r
 128                                         class="medium"\r
 129                                         url="../tests/form/states.json"\r
 130                                         searchAttr="name"\r
 131                                         labelField="label"\r
 132                                         labelType="html"\r
 133                                         style="width: 300px;"\r
 134                                         name="state2"\r
 135                                         promptMessage="Please enter a state"\r
 136                                         disabled="true"\r
 137                         >\r
 138 \r
 139                 <br><br>\r
 140                 <input dojoType="dijit.form.NumberSpinner" \r
 141                         onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"\r
 142                         value="900" \r
 143                         constraints={max:1550,places:0}\r
 144                         maxLength="10" \r
 145                 >\r
 146 \r
 147 \r
 148                 <input dojoType="dijit.form.NumberSpinner" \r
 149                         onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"\r
 150                         value="900" \r
 151                         disabled='true'\r
 152                         constraints={max:1550,places:0}\r
 153                         maxLength="10" \r
 154                 >\r
 155 \r
 156                 </div>\r
 157                 <br clear=both>\r
 158 \r
 159                 <h2>Noir</h2>\r
 160                 <div id='noir' class="box noir">\r
 161                 </div>\r
 162                 <br clear=both>\r
 163 \r
 164                 <h2>Soria</h2>\r
 165                 <div id='soria' class="box soria">\r
 166                 </div>\r
 167                 <br clear=both>\r
 168 \r
 169                 <h2>a11y mode</h2>\r
 170                 <div id='a11y' class="box dijit_a11y">\r
 171                 </div>\r
 172                 <br clear=both>\r
 173 \r
 174                 \r
 175 \r
 176 <script language='javascript'>\r
 177         var html = dojo.byId("tundra").innerHTML;\r
 178         dojo.byId("noir").innerHTML = html;\r
 179         dojo.byId("a11y").innerHTML = html;\r
 180         dojo.byId("soria").innerHTML = html;\r
 181 </script>\r
 182 \r
 183         </body>\r
 184 </html>\r