Color picker

Custom Color Picker

Custom color picker converts a select element into a dropdown:

 $('#mycolor').ace_colorpicker()
 .on('change', function() {
    alert(this.value);
    alert(this.selectedIndex);
 });

Color picker has two functions:

pick which selects a color. Argument can be a string(color) or an integer(index)

 $('#mycolor').ace_colorpicker('pick', '#FFAA77');//select '#FFAA77' color
 $('#mycolor').ace_colorpicker('pick', 3);//select 3rd index
 //or
 var color_picker = $('#mycolor').data('ace_colorpicker');
 color_picker.pick('#EE6699', true);
 //"true" means select #EE6699 and insert it if it doesn't exist

destroy which destroys color picker and shows select element

					
 $('#mycolor').ace_colorpicker('destroy');