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

   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>ColorPalette Test</title>
   6
   7         <style type="text/css">
   8                 @import "../../dojo/resources/dojo.css";
   9                 @import "css/dijitTests.css";
  10         </style>
  11
  12         <script type="text/javascript" src="../../dojo/dojo.js"
  13                 djConfig="isDebug: true, parseOnLoad: true"></script>
  14         <script type="text/javascript" src="_testCommon.js"></script>
  15
  16         <script language="JavaScript" type="text/javascript">
  17                 dojo.require("dijit.ColorPalette");
  18                 dojo.require("dojo.parser");    // scan page for widgets and instantiate them
  19
  20                 var palette;
  21                 function init(){
  22             var date0 = new Date();
  23             palette = new dijit.ColorPalette({palette: "7x10", id: "progPalette"}, dojo.byId("programPalette"));
  24             console.log("creation time: " + (new Date() - date0) );
  25         }
  26
  27                 dojo.addOnLoad(init);
  28
  29                 function setColor(color){
  30                         var theSpan = dojo.byId("outputSpan");
  31                         theSpan.style.color = color;
  32                         theSpan.innerHTML = color;
  33                 }
  34         </script>
  35 </head>
  36
  37 <body>
  38
  39         <h1 class="testTitle">dijit.ColorPalette test:</h1>
  40
  41         <p>Default color palette (7x10):</p>
  42         <div dojoType="dijit.ColorPalette" onChange="setColor(this.value);"></div>
  43
  44         Test color is: <span id="outputSpan"></span>.
  45
  46         <p>Small color palette (3x4):</p>
  47         <div dojoType="dijit.ColorPalette" palette="3x4"></div>
  48
  49         <p>Default color palette (7x10) created via createWidget:</p>
  50         <div id="programPalette"></div>
  51
  52 </body>
  53 </html>