• Calendars
• Date & Time
• Document Effects
• Dynamic Content
• Form Effects
• Games
• Image Effects
• Links & Tooltips
• Menus & Navigation
• Mouse and Cursor
• Scrollers
• Text Animations
• User/System Preference
• Window and Frames
• Other
• XML and RSS

• Script Forums
• Recommend Us
• Usage Terms
• Free JavaScripts

• IE5+: IE 5 and above
• FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
• Opr7+: Opera 7 and above.

Description: ColorJack DHTML color picker is a cross browser, sleek color picker that's compact to boot. Licensed under Creative Commons, use it on your sites or web apps.

Demo:

Show/ hide Color Picker

Directions: Simply download colorjack.zip, and refer to the HTML page inside. The zip file contains the following files:

• demo.htm
• plugin.css
• plugin.js
• Image files associated with script

FYI, the function to edit to customize the action to take when a color has been chosen is mkColor() inside the page:

function mkColor(v){
//** In this case, just update DIV with ID="colorbox" so its background color reflects the chosen color
$S('colorbox').background='#'+v;
}

In the demo, the script merely changes the background color of a DIV called "colorbox" to that of the chosen color. The function $S() is merely a time saving function to accessing an element on the page by its ID, and is no different from going the route of document.getElementById("colorbox") instead.

Enjoy!