Free Color Picker. Free Web Color Picker.

     


How do I use this Color Picker on my web page?

Step 1.
Place this code anywhere in the <body></body> section of your web page:
Note: Do not change anything in this code, or the Color Picker may not work properly!




Step 2.
Follow these Examples on how to Open the Color Picker and Use it:
To make a Button or any HTML element open the Color Picker when clicked, place the Code in red on the HTML element:
<INPUT type='button' value='Pick' onClick='OpenColorPick()'>
Example:
Code for this Example:

To attach the Color Picker to a Text Field see the Code in red below:
<INPUT id='text1_id' type='text' value='#FFC000'>
<INPUT type='button' value='Pick' onClick='OpenColorPick("text1_id")'>
Example:
Code for this Example:

To make the Color Picker paint the background of an HTML element see the Code in red below:
<INPUT id='button2_id' type='button' value='Pick' style='background-color:#FFC000'
onClick='OpenColorPick(null,"button2_id")'>
Example:
Code for this Example:

To attach the Color Picker to a Text Field and make it paint the background of an HTML element, at the same time, see the Code in red below:
<INPUT id='text3_id' type='text' value='#FFC000'>
<INPUT id='button3_id' type='button' value='Pick' style='background-color:#FFC000'
onClick='OpenColorPick("text3_id","button3_id")'>
Example:
Code for this Example:

To attach the Color Picker to a Text Field and make it paint the background of Two HTML elements, at the same time, see the Code in red below:
<INPUT id='text4_id' type='text' value='#FFC000'>
<SPAN id='span4_id' type='text' style='background-color:#FFC000'>Color Sample</SPAN>
<INPUT id='button4_id' type='button' value='Pick' style='background-color:#FFC000'
onClick='OpenColorPick("text4_id","span4_id","button4_id")'>
Example: Color Sample
Code for this Example:


If you have questions, ask me on my e-mail (see bottom of web page).


Home | Terms of Use | Privacy Policy | Hover Ad Examples | Free Webmaster Tools | Free Hover Ad Generator | Contacts:
© 2006, 2007, 2008, Popup-Toolkit.com, All rights reserved.