pccode
10-13-2005, 04:05 AM
Try this:
<HTML>
<HEAD>
<TITLE>What Do They Call That Color?</TITLE>
<script type="text/javascript" language="JavaScript">
var colorName = new Array('aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige', 'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'green', 'greenyellow', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightsteelblue', 'lightyellow', 'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab', 'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'purple', 'red', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray', 'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow', 'yellowgreen');
function doColor(value){
document.getElementById('main').style.setProperty("background-color",value,null);
document.colorForm.forCopying.value = value;
}
function highlight() {
var attrib = eval('document.colorForm.forCopying');
attrib.focus()
attrib.select()
}
</script>
</HEAD>
<BODY id="main">
<form name="colorForm">
<select name="getColors" onclick="doColor(document.colorForm.getColors.value)">
<script type="text/javascript">
document.write("<option style='background-color:" + colorName[0] + ";' value='" + colorName[0] + "' selected>" + colorName[0]);
for(i=1;i<colorName.length;i++){
document.write("<option style='background-color:" + colorName[i] + ";' value='" + colorName[i] + "'>" + colorName[i]);
}
</script>
</select><br><br>
<input type="reset" value="Reset"><br><br>
<input type="text" name="forCopying" value="" readonly><br><br>
<input type="button" value="Select" onclick="highlight()">
</form>
</BODY>
</HTML>
It's possible to copy text to the clipboard using IE, but unfortunately most browsers including Firefox don't support it. The best you could do in Firefox would be to offer a button that would select the text, but the user would still have to copy it manually.
<HTML>
<HEAD>
<TITLE>What Do They Call That Color?</TITLE>
<script type="text/javascript" language="JavaScript">
var colorName = new Array('aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige', 'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'green', 'greenyellow', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightsteelblue', 'lightyellow', 'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab', 'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'purple', 'red', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray', 'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow', 'yellowgreen');
function doColor(value){
document.getElementById('main').style.setProperty("background-color",value,null);
document.colorForm.forCopying.value = value;
}
function highlight() {
var attrib = eval('document.colorForm.forCopying');
attrib.focus()
attrib.select()
}
</script>
</HEAD>
<BODY id="main">
<form name="colorForm">
<select name="getColors" onclick="doColor(document.colorForm.getColors.value)">
<script type="text/javascript">
document.write("<option style='background-color:" + colorName[0] + ";' value='" + colorName[0] + "' selected>" + colorName[0]);
for(i=1;i<colorName.length;i++){
document.write("<option style='background-color:" + colorName[i] + ";' value='" + colorName[i] + "'>" + colorName[i]);
}
</script>
</select><br><br>
<input type="reset" value="Reset"><br><br>
<input type="text" name="forCopying" value="" readonly><br><br>
<input type="button" value="Select" onclick="highlight()">
</form>
</BODY>
</HTML>
It's possible to copy text to the clipboard using IE, but unfortunately most browsers including Firefox don't support it. The best you could do in Firefox would be to offer a button that would select the text, but the user would still have to copy it manually.
TOP
