jQuery Color Picker
izoColorPicker is a JavaScript cross browser lib that creates a color picker (form) input. You can quickly select color from default palette or picker and save your favorite colors.
Input
Input group
Background
About
The color picker is a component that you may require for the front-end interface for the end users. The purpose can be selecting a color of theme, backgrounds, or other sections of the website.
izoColorPicker was developed for the www.rukovoditel.net project where color pickers used in the admin interface for the customize colors as per needs.
In popup you can quickly select some standard colors. By clicking on color preview you can specify custom color in browser color picker. "+" button allows you to save your color and use it next time.
Usage
Download izoColorPicker ZIP containing JavaScript/CSS and simply include them into your project:
Note: izoColorPicker requires jQuery.
Input Example
Input Group Example
Note: Bootstrap Input group feature using in this example.
Use data-color
attribute to set color.
Background Example
Note: If DIV has hidden input field then value in input field will set automatically once you select color.
Options
buttonApplyTitle |
string | Apply button title |
buttonCancelTitle |
string | Cancel button title |
myColors |
string | List of colors separated by comma. Example: #689F38,#DCEDC8,#03A9F4 |
onApply |
function | Callback function triggered when color apply |
onSave |
function | Callback function triggered when color save Note: by default color saved in cookies. |
onRemove |
function | Callback function triggered when color remove from saving |
Full Example
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE