public
Description: Simple Color Picker written in jQuery.
Homepage: http://www.web2media.net/laktek/2008/10/27/really-simple-color-picker-in-jquery
Clone URL: git://github.com/laktek/really-simple-color-picker.git
laktek (author)
Sat Feb 07 04:15:37 -0800 2009
commit  ec028830c312738e4aed26ac06cee33fe81e7f42
tree    2b15bedbb92d6854de5a5dea04c34ab70de3041b
parent  4ec8e8dd3f80bfb964b2d844265e02ff6c928c92
name age message
file README Mon Oct 27 02:35:56 -0700 2008 did some trivial changes [laktek]
file arrow.gif Sun Feb 01 18:11:00 -0800 2009 changed arrow to gif [laktek]
file arrow.png Sun Feb 01 18:11:00 -0800 2009 changed arrow to gif [laktek]
file colorPicker.css Sun Feb 01 18:04:22 -0800 2009 Finally the fix for IE6, thanks Muser for helpi... [laktek]
file demo.html Loading commit data...
file jquery.colorPicker.js
file screenshot.png Mon Oct 27 01:34:51 -0700 2008 Added color picker files [laktek]
README
Really Simple Color Picker
-------------------------------

Written by Lakshan Perera 
For more info please visit: http://www.web2media.net/laktek/?p=96
Source code is hosted at: http://github.com/laktek/really-simple-color-picker

Color Picker requires jQuery 1.2.6 or higher. So make sure to load it before Color Picker (there's no other 
dependencies!). 
For default styles of the color picker load the CSS file that comes with the plugin.

 <script language="javascript" type="text/javascript" src=jquery.min.js"></script>
 <script language="javascript" type="text/javascript" src="jquery.colorPicker.js"/></script>

 <link rel="stylesheet" href="colorPicker.css" type="text/css" />

Add a text field to take the color input.
  <div><label for="color1">Color 1</label> <input id="color1" type="text" name="color1" value="#333399" /></div>

Then call 'colorPicker' method on the text field when document loads.
<script language="javascript">
  jQuery(document).ready(function($) {
    $('#color1').colorPicker();
  }
</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!