test_ColorPalette.html
No OneTemporary
Actions

Size

1 KB

Subscribers

None

test_ColorPalette.html
View Options

	<!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>