|
Implements a slider region and a vertical slider 
  |
N eed a color picker for your online forms or application? This advanced color picker is based on Yahoo's! excellent [ UI library ], more specifically, the [ slider widget ]. [ Dynamic Drive ] added additional code to help integrate the color picker with forms on your page, so clicking on specific form fields causes the selected color value to be populated inside them in real time. Furthermore, a color box is shown alongside the field to display the current input color in real time. |
W e have tested the code in IE6.0, Firefox1.5, Opera8.52, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with one variations observed in Opera8.52.
- You can not drag either the color picker or selection ball.
- This does not effect the basic operation of the effect itself. It still functions without the use of the above mentioned amenities.
D epending on your knowledge of HTML and javascripts, this is a very involved copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. Everything needed for this script is included in a convenient "Zip" file that you need to download to your system before you can begin anything. The script involves adding of external .js scripts, external .css files and some reconfigurations to the .css files. In other words, this script is not for the Novice who does not have a good solid background of HTML, external .js scripts and external .css files.
S
ince this script is very involved, complicated and can become confusing, grab the below link to view the stsp by step tutorial on howto add this effect into your page.
[ Step by Step Tutorial ]
W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]
[ Rate This Page ]