]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/tests/test_ColorPalette.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / tests / test_ColorPalette.html
diff --git a/static/dojo-release-1.1.1/dijit/tests/test_ColorPalette.html b/static/dojo-release-1.1.1/dijit/tests/test_ColorPalette.html
new file mode 100644 (file)
index 0000000..38675ea
--- /dev/null
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+               "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+       <title>ColorPalette Test</title>
+
+       <style type="text/css">
+               @import "../../dojo/resources/dojo.css";
+               @import "css/dijitTests.css";
+       </style>
+
+       <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
+
+               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>
+</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>