Sample: dhtmlxColorPicker Initialization with attachment to input dhtmlxColorPicker main page
X

You can define colorPicker properties right through INPUT element attributes in HTML:

  • colorbox - adds color box before input
  • customcolors - activate Cutom Culors block inside ColorPicker
  • selectonclick - make color selection by clicking in palette, but not while moving over (beter for using on very old computers)
  •  
        <input type="text" imagepath="../../codebase/imgs/" id="dhtmlxColorPicker1">
        <script>
     
            var myCP1 = dhtmlXColorPickerInput('dhtmlxColorPicker1');
                myCP1.setImagePath("../../codebase/imgs/");
                myCP1.init();
    </script>

     
        <input type="text" imagepath="../../codebase/imgs/" colorbox="true" id="dhtmlxColorPicker2">
        <script>
     
            var myCP2 = dhtmlXColorPickerInput('dhtmlxColorPicker2');
                myCP2.setImagePath("../../codebase/imgs/");
                myCP2.init();
    </script>

     
        <input type="text" imagepath="../../codebase/imgs/" customcolors="true" selectonclick="true" id="dhtmlxColorPicker3">
        <script>
     
            var myCP3 = dhtmlXColorPickerInput('dhtmlxColorPicker3');
                myCP3.setImagePath("../../codebase/imgs/");
                myCP3.init();
    </script>