evol.colorpicker: evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010.

evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes.

Download: https://github.com/evoluteur/colorpicker

Demonstration: http://evoluteur.github.io/colorpicker/index.html

Plugin homepage: https://github.com/evoluteur/colorpicker

Implementation:

$("#mycolor").colorpicker();

Options:

colorStringDefault : null – Used to set the default color value.
defaultPaletteStringDefault : theme – Used to set the default color palette. Possible values are “theme” or “web”.
displayIndicatorBooleanDefault : true – Used to show color value on hover and click inside the palette.
historyStringDefault : both – Have the colorpicker appear automatically when the field receives focus (“focus”), appear only when a button is clicked (“button”), or appear when either event takes place (“both”). This option only takes effect when the color picker is instanciated on a
stringsStringDefault : Theme Colors,Standard Colors,Web Colors,Theme Colors,Back to Palette,History,No history yet. – Used to translate the widget. It is a coma separated list of all labels used in the UI.
transparentColorBooleanDefault : false – Allow for selection of the “transparent color”. The hexadecimal value for the transparent color is “#0000ffff”.

Methods:

showPalette()FunctionShow the palette (when using the widget as a popup).
hidePalette()FunctionHide the palette (when using the widget as a popup).

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

s3Slider jQuery Plugin & Tutorial

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Usage: HTML: Sample …

jQuery Optimization: Avoid Unnecessary Selector

Common subexpression elimination is a common way to optimize any programming code. Doing unnecessary…

Fading Links Using jQuery: dwFadingLinks

Earlier this month, we posted a MooTools script that faded links to and from a color during the mous…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…