Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

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