diff options
Diffstat (limited to 'includes/js/dijit/tests/test_ColorPalette.html')
-rw-r--r-- | includes/js/dijit/tests/test_ColorPalette.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/test_ColorPalette.html b/includes/js/dijit/tests/test_ColorPalette.html new file mode 100644 index 0000000..38675ea --- /dev/null +++ b/includes/js/dijit/tests/test_ColorPalette.html @@ -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> |