izoColorPicker

DOWNLOAD

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

HTML

JS

Input Group Example

HTML

JS

Note: Bootstrap Input group feature using in this example. Use data-color attribute to set color.

Background Example

HTML

JS

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