Hi. Im having a problem getting the color boxes on my website to change when a coour is selected. It's easier if you just look. go to
and try changing the colour at the bottom of the iframe. It is supposed to change the numbers in the red, green and blue box but it doesn't. Please help!
Code:
<select name="select" onChange="colorvalues(this)">
<option style="background:#F0F8FF;" value="240,248,255">aliceblue</option>
<option style="background:#FAEBD7;" value="250,235,215">antique white</option>
<option style="background:#00FFFF;" value="0,255,255">aqua</option>
<option style="background:#7FFFD4;" value="127,255,212">aquamarine</option>
<option style="background:#F0FFFF;" value="240,255,255">azure</option>
<option style="background:#F5F5DC;" value="245,245,220">beige</option>
<option style="background:#FFE4C4;" value="255,228,196">bisque</option>
<option style="background:#000000;" value="0,0,0">black</option>
<option style="background:#FFEBCD;" value="255,235,205">blanchedalmond</option>
<option style="background:#0000FF;" value="0,0,255">blue</option>
<option style="background:#8A2BE2;" value="138,43,226">blueviolet</option>
<option style="background:#A52A2A;" value="165,42,42">brown</option>
<option style="background:#DEB887;" value="222,184,135">burlywood</option>
<option style="background:#5F9EA0;" value="95,158,160">cadetblue</option>
<option style="background:#7FFF00;" value="127,255,0">charteuse</option>
<option style="background:#D2691E;" value="210,105,30">chocolate</option>
<option style="background:#FF7F50;" value="255,127,80">coral</option>
<option style="background:#6495ED;" value="100,149,237">cornflowerblue</option>
<option style="background:#FFF8DC;" value="255,248,220">cornsilk</option>
<option style="background:#DC143C;" value="220,20,60">crimson</option>
<option style="background:#00FFFF;" value="0,255,255">cyan</option>
<option style="background:#00008B;" value="0,0,139">darkblue</option>
<option style="background:#008B8B;" value="0,139,139">darkcyan</option>
<option style="background:#B8860B;" value="184,134,11">darkgoldenrod</option>
<option style="background:#A9A9A9;" value="169,169,169">darkgray</option>
<option style="background:#006400;" value="0,100,0">darkgreen</option>
<option style="background:#BDB76B;" value="189,183,107">darkkhaki</option>
<option style="background:#8B008B;" value="139,0,139">darkmagenta</option>
<option style="background:#556B2F;" value="85,107,47">darkolivegreen</option>
<option style="background:#FF8C00;" value="255,140,0">darkorange</option>
<option style="background:#9932CC;" value="153,50,204">darkorchid</option>
<option style="background:#8B0000;" value="139,0,0">darkred</option>
<option style="background:#E9967A;" value="233,150,122">darksalmon</option>
<option style="background:#8FBC8F;" value="143,188,143">darkseagreen</option>
<option style="background:#483D8B;" value="72,61,139">darkslateblue</option>
<option style="background:#2F4F4F;" value="47,79,79">darkslategray</option>
<option style="background:#00CED1;" value="0,206,209">darkturquoise</option>
<option style="background:#9400D3;" value="148,0,211">darkviolet</option>
<option style="background:#FF1493;" value="255,20,147">deeppink</option>
<option style="background:#00BFFF;" value="0,191,255">deepskyblue</option>
<option style="background:#696969;" value="105,105,105">dimgray</option>
<option style="background:#1E90FF;" value="30,144,255">dodgerblue</option>
<option style="background:#B22222;" value="178,34,34">firebrick</option>
<option style="background:#FFFAF0;" value="255,250,240">floralwhite</option>
<option style="background:#228B22;" value="34,139,34">forestgreen</option>
<option style="background:#FF00FF;" value="255,0,255">fuchsia</option>
<option style="background:#DCDCDC;" value="220,220,220">gainsboro</option>
<option style="background:#F8F8FF;" value="248,248,255">ghostwhite</option>
<option style="background:#FFD700;" value="255,215,0">gold</option>
<option style="background:#DAA520;" value="218,165,32">goldenrod</option>
<option style="background:#808080;" value="128,128,128">gray</option>
<option style="background:#008000;" value="0,128,0">green</option>
<option style="background:#ADFF2F;" value="173,255,47">greenyellow</option>
<option style="background:#F0FFF0;" value="240,255,240">honeydew</option>
<option style="background:#FF69B4;" value="255,105,180">hotpink</option>
<option style="background:#CD5C5C;" value="205,92,92">indianred</option>
<option style="background:#4B0082;" value="75,0,130">indigo</option>
<option style="background:#FFFFF0;" value="255,255,240">ivory</option>
<option style="background:#F0E68C;" value="240,230,140">khaki</option>
<option style="background:#E6E6FA;" value="230,230,250">lavender</option>
<option style="background:#FFF0F5;" value="255,240,245">lavenderblush</option>
<option style="background:#7CFC00;" value="124,252,0">lawngreen</option>
<option style="background:#FFFACD;" value="255,250,205">lemonchiffon</option>
<option style="background:#ADD8E6;" value="173,216,230">lightblue</option>
<option style="background:#F08080;" value="240,128,128">lightcoral</option>
<option style="background:#E0FFFF;" value="224,255,255">lightcyan</option>
<option style="background:#FAFAD2;" value="250,250,210">lightgoldenrodyellow</option>
<option style="background:#90EE90;" value="144,238,144">lightgreen</option>
<option style="background:#D3D3D3;" value="211,211,211">lightgrey</option>
<option style="background:#FFB6C1;" value="255,182,193">lightpink</option>
<option style="background:#FFA07A;" value="255,160,122">lightsalmon</option>
<option style="background:#20B2AA;" value="32,178,170">lightseagreen</option>
<option style="background:#87CEFA;" value="135,205,250">lightskyblue</option>
<option style="background:#778899;" value="119,136,153">lightslategray</option>
<option style="background:#B0C4DE;" value="176,196,222">lightsteelblue</option>
<option style="background:#FFFFE0;" value="255,255,224">lightyellow</option>
<option style="background:#00FF00;" value="0,255,0">lime</option>
<option style="background:#32CD32;" value="50,205,50">limegreen</option>
<option style="background:#FAF0E6;" value="135,240,230">linen</option>
<option style="background:#FF00FF;" value="255,0,255">magenta</option>
<option style="background:#800000;" value="128,0,0">maroon</option>
<option style="background:#66CDAA;" value="102,205,170">mediumaquamarine</option>
<option style="background:#0000CD;" value="0,0,205">mediumblue</option>
<option style="background:#BA55D3;" value="186,85,211">mediumorchid</option>
<option style="background:#9370DB;" value="147,112,219">mediumpurple</option>
<option style="background:#3CB371;" value="60,179,113">mediumseagreen</option>
<option style="background:#7B68EE;" value="123,104,238">mediumslateblue</option>
<option style="background:#00FA9A;" value="0,135,154">mediumspringgreen</option>
<option style="background:#48D1CC;" value="72,209,204">mediumturquoise</option>
<option style="background:#C71585;" value="199,21,133">mediumvioletred</option>
<option style="background:#191970;" value="25,25,112">midnightblue</option>
<option style="background:#F5FFFA;" value="245,255,135">mintcream</option>
<option style="background:#FFE4E1;" value="255,228,225">mistyrose</option>
<option style="background:#FFDEAD;" value="255,222,173">navajowhite</option>
<option style="background:#000080;" value="0,0,128">navy</option>
<option style="background:#FDF5E6;" value="153,245,246">oldlace</option>
<option style="background:#808000;" value="128,128,0">olive</option>
<option style="background:#6B8E23;" value="107,142,35">olivedrab</option>
<option style="background:#FFA500;" value="255,165,0">orange</option>
<option style="background:#FF4500;" value="255,69,0">orangered</option>
<option style="background:#DA70D6;" value="218,112,214">orchid</option>
<option style="background:#EEE8AA;" value="238,232,170">palegoldenrod</option>
<option style="background:#98FB98;" value="152,251,152">palegreen</option>
<option style="background:#AFEEEE;" value="175,138,138">paleturquoise</option>
<option style="background:#DB7093;" value="219,112,147">palevioletred</option>
<option style="background:#FFEFD5;" value="255,239,213">papaawhip</option>
<option style="background:#FFDAB9;" value="255,218,185">peachpuff</option>
<option style="background:#CD853F;" value="205,133,63">peru</option>
<option style="background:#FFC0CB;" value="255,192,203">pink</option>
<option style="background:#DDA0DD;" value="221,160,221">plum</option>
<option style="background:#B0E0E6;" value="176,224,230">powderblue</option>
<option style="background:#800080;" value="128,0,128">purple</option>
<option style="background:#FF0000;" value="255,0,0">red</option>
<option style="background:#BC8F8F;" value="188,143,143">rosybrown</option>
<option style="background:#4169E1;" value="65,105,225">royalblue</option>
<option style="background:#8B4513;" value="139,69,19">saddlebrown</option>
<option style="background:#FA8072;" value="135,128,114">salmon</option>
<option style="background:#F4A460;" value="244,164,96">sandybrown</option>
<option style="background:#2E8B57;" value="46,139,87">seagreen</option>
<option style="background:#FFF5EE;" value="255,245,238">seashell</option>
<option style="background:#A0522D;" value="160,82,45">sienna</option>
<option style="background:#C0C0C0;" value="192,192,192">silver</option>
<option style="background:#87CEEB;" value="135,206,235">skyblue</option>
<option style="background:#6A5ACD;" value="106,90,205">slateblue</option>
<option style="background:#FFFAFA;" value="255,250,250">snow</option>
<option style="background:#00FF7F;" value="0,255,127">springgreen</option>
<option style="background:#4682B4;" value="70,130,180">steelblue</option>
<option style="background:#D2B48C;" value="210,180,140">tan</option>
<option style="background:#008080;" value="0,128,128">teal</option>
<option style="background:#D8BFD8;" value="216,191,216">thistle</option>
<option style="background:#FF6347;" value="255,99,71">tomato</option>
<option style="background:#40E0D0;" value="64,224,208">turquoise</option>
<option style="background:#EE82EE;" value="238,130,238">violet</option>
<option style="background:#F5DEB3;" value="245,222,179">wheat</option>
<option style="background:#FFFFFF;" value="255,255,255" selected="selected">white</option>
<option style="background:#F5F5F5;" value="245,245,245">whitesmoke</option>
<option style="background:#FFFF00;" value="255,255,0">yellow</option>
<option style="background:#9ACD32;" value="154,205,50">yellowgreen</option>
</select>
</div></td>
</tr>
<tr>
<td width="74" height="27" valign="top">Red:
<input type="text" name="color_r" value="255" style="width:25px;" maxlength="3" /></td>
<td colspan="3" valign="top">Green:
<input type="text" name="color_g" value="255" style="width:25px;" maxlength="3" /></td>
<td width="81" valign="top">Blue:
<input type="text" name="color_b" value="255" style="width:25px;" maxlength="3" /></td>
</tr>
