| Color Picker | ![]() | |
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: |