WISS inc.

カラーピッカー

dijit. カラーパレットにドロップダウンを加えた応用編。

<script type="text/javascript">
  dojo.require("dijit.form.Button");
  dojo.require("dijit.ColorPalette");
</script>
<style>
  @import "/js/dojoroot/dijit/themes/tundra/tundra.css";
</style>

<div class="tundra">
<button dojoType="dijit.form.DropDownButton">
  <span>色選択</span>
  <div dojoType="dijit.ColorPalette"
    palette="7x10"
    onChange="dojo.byId('col').innerHTML=this.value;">
  </div>
</button>
その色は <span id="col"></span>
</div>