| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>ColorPalette Test</title>
- <script type="text/javascript" src="../../dojo/dojo.js"
- djConfig="isDebug: true, parseOnLoad: true"></script>
- <script type="text/javascript" src="_testCommon.js"></script>
- <script language="JavaScript" type="text/javascript">
- dojo.require("dijit.ColorPalette");
- dojo.require("dojo.parser"); // scan page for widgets and instantiate them
- </script>
- <script>
- var palette;
- function init(){
- var date0 = new Date();
- palette = new dijit.ColorPalette({palette: "7x10", id: "progPalette"}, dojo.byId("programPalette"));
- console.log("creation time: " + (new Date() - date0) );
- }
- dojo.addOnLoad(init);
- function setColor(color){
- var theSpan = dojo.byId("outputSpan");
- theSpan.style.color = color;
- theSpan.innerHTML = color;
- }
- </script>
- <style type="text/css">
- @import "../../dojo/resources/dojo.css";
- @import "css/dijitTests.css";
- </style>
- </head>
- <body>
- <h1 class="testTitle">dijit.ColorPalette test:</h1>
- <p>Default color palette (7x10):</p>
- <div dojoType="dijit.ColorPalette" onChange="setColor(this.value);"></div>
- Test color is: <span id="outputSpan"></span>.
- <p>Small color palette (3x4):</p>
- <div dojoType="dijit.ColorPalette" palette="3x4"></div>
- <p>Default color palette (7x10) created via createWidget:</p>
- <div id="programPalette"></div>
- </body>
- </html>
|
