Create dijit.ColorPalette programmatically : ColorPalette « Dojo toolkit « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Dojo toolkit
  3. ColorPalette
<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">

    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.parser");
      dojo.require("dijit.ColorPalette");

      function createProgrammatically() {
        var myDijit = new dijit.ColorPalette({
          palette : "3x4", onChange : function(selectedColor) {
            alert(selectedColor);
          }
        });
        dojo.byId("my").appendChild(myDijit.domNode);
      }

    </script>

  </head>

  <body onLoad="createProgrammatically();">
     <div id="my">&nbsp;</div>
  </body>

</html>








29.69.ColorPalette
29.69.1.Create dijit.ColorPalette from code
29.69.2.Create dijit.ColorPalette programmatically
29.69.3.Declare a dijit.ColorPalette
29.69.4.dijit.ColorPalette on change event
29.69.5.Output dijit.ColorPalette selected value in on change event