Skip to content

stela5/really-simple-color-picker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Really Simple Color Picker
-------------------------------

Forked by Stela 5 to add transparency option, remember custom colors, use a different icon, and apply the color set from jQuery Simple Color (http://recursive-design.com/projects/jquery-simple-color/).

Written by Lakshan Perera 
For more info please visit: http://laktek.com/2008/10/27/really-simple-color-picker-in-jquery/
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!

MIT License: http://laktek.com/2008/10/27/really-simple-color-picker-in-jquery/#comment-167165922

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%