@@ -23,6 +23,18 @@ Then call 'colorPicker' method on the text field when document loads. } </script> +Your favorite colors are missing? +Just add them to the palette +<script language="javascript"> + //use this method to add new colors to palette + $.fn.colorPicker.addColors(['000', '000', 'fff', 'fff']); +</script> + +Or completely change the color palette as you need... +<script language="javascript"> + $.fn.colorPicker.defaultColors = ['000', '000', 'fff', 'fff']; +</script> + That’s all you have to do! README @@ -14,8 +14,9 @@ div#_color_selector { background-color: #EFEFEF; padding: 2px; } - div#_color_selector label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; float: left; } - div#_color_selector input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } + div#_color_custom {width: 100%; float:left } + div#_color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%} + div#_color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } div._color_swatch { height: 12px; colorPicker.css @@ -12,6 +12,9 @@ <script type="text/javascript"> //Run the code when document ready $(function() { + //use this method to add new colors to pallete + //$.fn.colorPicker.addColors(['000', '000', 'fff', 'fff']); + $('#color1').colorPicker(); $('#color2').colorPicker(); $('#color3').colorPicker(); demo.html @@ -57,7 +57,7 @@ if(event.keyCode == 27) {toggleSelector()} }); - $("<div class='_color_custom'></div>").append(hex_field).appendTo(selector); + $("<div id='_color_custom'></div>").append(hex_field).appendTo(selector); $("body").append(selector); selector.hide(); jquery.colorPicker.js 8742021bc515b39e1b6854d134098b3a5d1248dc Lakshan Perera lakshan@web2media.net http://github.com/laktek/really-simple-color-picker/commit/516081cfc260ccd6ebef814f4822a8b838c7b29b 516081cfc260ccd6ebef814f4822a8b838c7b29b 2008-10-27T02:35:56-07:00 2008-10-27T02:35:56-07:00 did some trivial changes 7fb0507a0c4e8599235d6b8cb7d77a6e5f53d6b7 Lakshan Perera lakshan@web2media.net