ColorJack DHTML color picker

Quick search

Scripts - DHTML

Scripts - DHTML (new)

Web Developer Blog

Web Developer Blog (new)

Scripts and Applications

Ajax
ASP
ASP.NET
C and C++
CFML
CGI and Perl
Flash
Java
JavaScript
PHP
Python
XML

Software Downloads

DHTML Scripts - Detail

Date added: 2007-05-18 03:04:51

FF1+ IE6+ Opr8+

ColorJack DHTML color picker

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:

Your color selection

Show/ hide Color Picker

Directions: Simply download ColorJack-DHTML-color-picker.html/colorjack.zip, and refer to the HTML page inside. The zip file contains the following files:

ColorJack-DHTML-color-picker.html/demo.htm
ColorJack-DHTML-color-picker.html/ColorJack-DHTML-color-picker.html/plugin.css
ColorJack-DHTML-color-picker.html/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!

F1FFCC

X

Related DHTML Scripts

pathGenerator	Date Added: 2007-06-16
-User Submitted _pathGenerator is an online wizard that allows anyone to easily create an animating layer that follows any desired path. Just drag your mouse to map out its course,...

VML Editor	Date Added: 2007-06-16
-User Submitted VML (Vector Markup Language) is a text based vector graphics format proprietary to Internet Explorer. Jacco has created the following powerful VML editor to allow you to use your...

Time-based Progress Bar	Date Added: 2007-06-16
-User Submitted This is a fully customizable "time based" progress bar. Set any duration (ie: 10 seconds) for the script to finish loading the bar. A great script to prov...

Event-based Progress Bar	Date Added: 2007-06-16
-User Submitted This is an event-based progress bar which you can add to existing scripts that require graphical representation. Using 3 pre-exposed methods, you control prec...

WinXP Progress Bar	Date Added: 2007-06-16
-User Submitted A great looking pure DHTML progress bar that resembles the one seen in Window XP's startup screen. All visual aspects of the bar can be customized, and the script can ...

Pie Graph script	Date Added: 2007-06-16
-User Submitted This is a purely DHTML/ CSS based Pie Graph script. It loads fast and blends in with the rest of the page....

Line Graph script	Date Added: 2007-06-16
-User Submitted Based on the same library as the Pie Graph script, this is a purely DHTML/ CSS based Line Graph script. It loads fast and blends in with the rest of the page....

Find In Page Script	Date Added: 2007-06-16
-User Submitted This cross browser DHTML script simulates the Edit> Find In Page feature of the browser to allow your visitors to easily search for a particular text on your page.&nb...

Tip of the day dialog	Date Added: 2007-06-16
-User Submitted Provide daily tidbits of interesting information to your visitors, in an even more interesting way, with this ultimate tip of the day script!...

Copy text to clipboard script	Date Added: 2007-06-16
-User Submitted This "demo" script does two things: 1) identifies the selected text on the page 2) copies this text to clipboard. As part of a larger application...

onMouseover scrollbar effect	Date Added: 2007-06-16
-User Submitted Use this unique script to apply a rollover effect to your webpage's scrollbar!...

Ajax load XML file script	Date Added: 2007-06-16
-User Submitted This script demonstrates the concept of using Ajax to load a simple XML file and display it on the page....

Gradient Bar	Date Added: 2007-06-16
-User Submitted An impressive demonstration of using DHTML code to render a gradient bar. Easily change the bar's color, position and direction, all through the setting of a few variabl...

Phong	Date Added: 2007-06-16
-User submitted Phong is an incredible ping-pong game with an even more impressive AI (artificial intelligence). Play against the computer, and see if you can win (take it for us, it's pos...

Phong II	Date Added: 2007-06-16
-User submitted Similar to the above, this is a fun, one player DHTML Phong (Ping Pong) game. Uses cos and sin to move the ball at a specified angle, and the ball's angle can be altered by moving ...