The JavaScript Source: Image Effects: Color Chooser

Internet.com - The Network for Technology Professionals

Events
- JupiterEvents
- internet.com/webcasts
Jobs
Partners
Solutions
- eBooks
- Video
Shop

Home

Image Effects

Color Chooser

(Internet Explorer Only) Choose background and foreground colors by directly entering the amount of red, green or blue. Allows you to increment or decrement using the " + " or " - " buttons also. Easy!

The JavaScript Source: Image Effects: Color Chooser
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <center> <form name=Interface> <table border=4 cellspacing=0 cellpadding=4> <tr> <td colspan=3 align=center>Background</td> <td><input type=text name=bgHex onKeyup="setBGHex(this.value)"></td> <td colspan=2 align=center>Foreground</td> <td><input type=text name=fgHex onKeyup="setFGHex(this.value)"></td> </tr> <tr> <td>Red</td> <td><input type=button value=" + " onClick="incrementRed(true)"></td> <td><input type=button value=" - " onClick="decrementRed(true)"></td> <td><input type=text name="red" onKeyup="setRed(this.value, true)"></td> <td><input type=button value=" + " onClick="incrementRed(false)"></td> <td><input type=button value=" - " onClick="decrementRed(false)"></td> <td><input type=text name=redFG onKeyup="setRed(this.value, false)"></td> </tr> <tr> <td>Green</td> <td><input type=button value=" + " onClick="incrementGreen(true)"></td> <td><input type=button value=" - " onClick="decrementGreen(true)"></td> <td><input type=text name="green" onKeyup="setGreen(this.value, true)"></td> <td><input type=button value=" + " onClick="incrementGreen(false)"></td> <td><input type=button value=" - " onClick="decrementGreen(false)"></td> <td><input type=text name=greenFG onKeyup="setGreen(this.value, false)"></td> </tr> <tr> <td>Blue</td> <td><input type=button value=" + " onClick="incrementBlue(true)"></td> <td><input type=button value=" - " onClick="decrementBlue(true)"></td> <td><input type=text name="blue" onKeyup="setBlue(this.value, true)"></td> <td><input type=button value=" + " onClick="incrementBlue(false)"></td> <td><input type=button value=" - " onClick="decrementBlue(false)"></td> <td><input type=text name=blueFG onKeyup="setBlue(this.value, false)"></td> </tr> </table> </form> </center> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Sign up for the JavaScript Weekly

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape? Avaya Article: Using Intelligent Presence to Create Smarter Business Applications Intel Go Parallel Article: Getting Started with TBB on Windows Microsoft Article: 7.0, Microsoft's Lucky Version? Avaya Article: How to Feed Data into the Avaya Event Processor		IBM Article: Developing a Software Policy for Your Organization Microsoft Article: Managing Virtual Machines with Microsoft System Center Intel Go Parallel Article: Intel Threading Tools and OpenMP HP eBook: Storage Networking , Part 1 Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
HP Video: StorageWorks EVA4400 and Oracle HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind		Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2 MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook Iron Speed Designer Application Generator		MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML IBM Article: Enterprise Search--Do You Know What's Out There? HP Demo: StorageWorks EVA4400		Microsoft Article: The Progress and Promise of Deep Zoom Microsoft How-to Article: Get Going with Silverlight and Windows Live MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES