...

View Full Version : 'document.hexval.colorform' null or not an object



Crystina
12-20-2005, 10:42 PM
PLEASE SEE 9:17 A.M. POST BY CRYSTINA FOR CURRENT ISSUE... THANKS


I am trying to allow my clients to pick their ink color when they order business cards. I took this script off a script generater at http://www.flooble.com/scripts/colorpicker.php

On their site, it works wonderfully. On mine, I get an error that says 'black' is undefined. I am completely clueless when it comes to javascript and any help would be greatly appreciated!


<script language="Javascript">

var perline = 9;
var divSet = false;
var curId;
var colorLevels = Array('0', '3', '6', '9', 'C', 'F');
var colorArray = Array();
var ie = false;
var nocolor = 'none';
if (document.all) { ie = true; nocolor = ''; }
function getObj(id) {
if (ie) { return document.all[id]; }
else { return document.getElementById(id); }
}

function addColor(r, g, b) {
var red = colorLevels[r];
var green = colorLevels[g];
var blue = colorLevels[b];
addColorValue(red, green, blue);
}

function addColorValue(r, g, b) {
colorArray[colorArray.length] = '#' + r + r + g + g + b + b;
}

function setColor(color) {
var link = getObj(curId);
var field = getObj(curId + 'field');
var picker = getObj('colorpicker');
field.value = color;
if (color == '') {
link.style.background = nocolor;
link.style.color = nocolor;
color = nocolor;
} else {
link.style.background = color;
link.style.color = color;
}
picker.style.display = 'none';
eval(getObj(curId + 'field').title);
}

function setDiv() {
if (!document.createElement) { return; }
var elemDiv = document.createElement('div');
if (typeof(elemDiv.innerHTML) != 'string') { return; }
genColors();
elemDiv.id = 'colorpicker';
elemDiv.style.position = 'absolute';
elemDiv.style.display = 'none';
elemDiv.style.border = '#000000 1px solid';
elemDiv.style.background = '#FFFFFF';
elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Pick a color: '
+ '(<a href="javascript:setColor(\'\');">No color</a>)<br>'
+ getColorTable()
+ '<center><a href="http://www.flooble.com/scripts/colorpicker.php"'
+ ' target="_blank">color picker</a> by <a href="http://www.flooble.com" target="_blank"><b>flooble</b></a></center></span>';

document.body.appendChild(elemDiv);
divSet = true;
}

function pickColor(id) {
if (!divSet) { setDiv(); }
var picker = getObj('colorpicker');
if (id == curId && picker.style.display == 'block') {
picker.style.display = 'none';
return;
}
curId = id;
var thelink = getObj(id);
picker.style.top = getAbsoluteOffsetTop(thelink) + 20;
picker.style.left = getAbsoluteOffsetLeft(thelink);
picker.style.display = 'block';
}

function genColors() {
addColorValue('0','0','0');
addColorValue('3','3','3');
addColorValue('6','6','6');
addColorValue('8','8','8');
addColorValue('9','9','9');
addColorValue('A','A','A');
addColorValue('C','C','C');
addColorValue('E','E','E');
addColorValue('F','F','F');

for (a = 1; a < colorLevels.length; a++)
addColor(0,0,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,a,5);

for (a = 1; a < colorLevels.length; a++)
addColor(0,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,5,a);

for (a = 1; a < colorLevels.length; a++)
addColor(a,0,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,a,a);


for (a = 1; a < colorLevels.length; a++)
addColor(a,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,5,a);

for (a = 1; a < colorLevels.length; a++)
addColor(0,a,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,5,5);

for (a = 1; a < colorLevels.length; a++)
addColor(a,0,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,a,5);

return colorArray;
}
function getColorTable() {
var colors = colorArray;
var tableCode = '';
tableCode += '<table border="0" cellspacing="1" cellpadding="1">';
for (i = 0; i < colors.length; i++) {
if (i % perline == 0) { tableCode += '<tr>'; }
tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: '
+ colors[i] + '; background: ' + colors[i] + ';font-size: 10px;" title="'
+ colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');"> </a></td>';
if (i % perline == perline - 1) { tableCode += '</tr>'; }
}
if (i % perline != 0) { tableCode += '</tr>'; }
tableCode += '</table>';
return tableCode;
}
function relateColor(id, color) {
var link = getObj(id);
if (color == '') {
link.style.background = nocolor;
link.style.color = nocolor;
color = nocolor;
} else {
link.style.background = color;
link.style.color = color;
}
eval(getObj(id + 'field').title);
}
function getAbsoluteOffsetTop(obj) {
var top = obj.offsetTop;
var parent = obj.offsetParent;
while (parent != document.body) {
top += parent.offsetTop;
parent = parent.offsetParent;
}
return top;
}

function getAbsoluteOffsetLeft(obj) {
var left = obj.offsetLeft;
var parent = obj.offsetParent;
while (parent != document.body) {
left += parent.offsetLeft;
parent = parent.offsetParent;
}
return left;
}


</script>

AND


<a href="javascript : pickColor('pick1135113440');" id="pick1135113440" (no spaces around colon)
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>
<input id="pick1135113440field" size="7"
onChange="relateColor('pick1135113440', this.value);" title="Black" name="Ink Color" value="#000000">
<script language="javascript">relateColor('pick1135113440', getObj('pick1135113440field').value);</script>

_Aerospace_Eng_
12-20-2005, 11:20 PM
In this function

function relateColor(id, color) {
var link = getObj(id);
if (color == '') {
link.style.background = nocolor;
link.style.color = nocolor;
color = nocolor;
} else {
link.style.background = color;
link.style.color = color;
}
getObj(id + 'field').title;
}
The part in bold is causing the problem. I'm not really sure what its actually doing. You can get rid of that part in bold and the error goes away. Please in the future don't double post, it doesn't look good on your reputation here and it annoys us because people try to help in the same topic different threads. Stick to your original thread please.

Crystina
12-20-2005, 11:28 PM
Thanks so much! I have been at it for two full days nonstop and going nowhere but in circles. Thanks for your help!

Crystina
12-21-2005, 03:50 AM
Thanks for the help earlier.

Now, when I preview the page, The color picker shows a bunch of little black boxes rather than the colors, and no sbility to pick one. Any help would be appreciated.

Crystina
12-21-2005, 03:17 PM
This is another one I'm trying due to problems with the script above.

I've gotten it to work in my notepad, but when I try to put it inside another form, the pad deletes the <form name="colorform"> tag and I get error... 'document.colorform.hexval' null or not an object.

Help, please? Going on my third day trying to figure this out and still going in circles.

If anyone knows of a good color picker script that's fairly dummy proof, I'd appreciate it.


<html>

<head>
<title>Color Picker</title>

<SCRIPT LANGUAGE="JavaScript">
function showColor(val) {
document.colorform.hexval.value = val;
}

</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">


<form name=colorform>
<p align="left">Color Picker<br>
<map name="colmap">
<area shape="rect" coords="1, 1, 7, 10" href="javascript:showColor('#00FF00')">
<area shape="rect" coords="9, 1, 15, 10" href="javascript:showColor('#00FF33')">
<area shape="rect" coords="17, 1, 23, 10" href="javascript:showColor('#00FF66')">
<area shape="rect" coords="25, 1, 31, 10" href="javascript:showColor('#00FF99')">
<area shape="rect" coords="33, 1, 39, 10" href="javascript:showColor('#00FFCC')">
<area shape="rect" coords="41, 1, 47, 10" href="javascript:showColor('#00FFFF')">
<area shape="rect" coords="49, 1, 55, 10" href="javascript:showColor('#33FF00')">
<area shape="rect" coords="57, 1, 63, 10" href="javascript:showColor('#33FF33')">
<area shape="rect" coords="65, 1, 71, 10" href="javascript:showColor('#33FF66')">
<area shape="rect" coords="73, 1, 79, 10" href="javascript:showColor('#33FF99')">
<area shape="rect" coords="81, 1, 87, 10" href="javascript:showColor('#33FFCC')">
<area shape="rect" coords="89, 1, 95, 10" href="javascript:showColor('#33FFFF')">
<area shape="rect" coords="97, 1, 103, 10" href="javascript:showColor('#66FF00')">
<area shape="rect" coords="105, 1, 111, 10" href="javascript:showColor('#66FF33')">
<area shape="rect" coords="113, 1, 119, 10" href="javascript:showColor('#66FF66')">
<area shape="rect" coords="121, 1, 127, 10" href="javascript:showColor('#66FF99')">
<area shape="rect" coords="129, 1, 135, 10" href="javascript:showColor('#66FFCC')">
<area shape="rect" coords="137, 1, 143, 10" href="javascript:showColor('#66FFFF')">
<area shape="rect" coords="145, 1, 151, 10" href="javascript:showColor('#99FF00')">
<area shape="rect" coords="153, 1, 159, 10" href="javascript:showColor('#99FF33')">
<area shape="rect" coords="161, 1, 167, 10" href="javascript:showColor('#99FF66')">
<area shape="rect" coords="169, 1, 175, 10" href="javascript:showColor('#99FF99')">
<area shape="rect" coords="177, 1, 183, 10" href="javascript:showColor('#99FFCC')">
<area shape="rect" coords="185, 1, 191, 10" href="javascript:showColor('#99FFFF')">
<area shape="rect" coords="193, 1, 199, 10" href="javascript:showColor('#CCFF00')">
<area shape="rect" coords="201, 1, 207, 10" href="javascript:showColor('#CCFF33')">
<area shape="rect" coords="209, 1, 215, 10" href="javascript:showColor('#CCFF66')">
<area shape="rect" coords="217, 1, 223, 10" href="javascript:showColor('#CCFF99')">
<area shape="rect" coords="225, 1, 231, 10" href="javascript:showColor('#CCFFCC')">
<area shape="rect" coords="233, 1, 239, 10" href="javascript:showColor('#CCFFFF')">
<area shape="rect" coords="241, 1, 247, 10" href="javascript:showColor('#FFFF00')">
<area shape="rect" coords="249, 1, 255, 10" href="javascript:showColor('#FFFF33')">
<area shape="rect" coords="257, 1, 263, 10" href="javascript:showColor('#FFFF66')">
<area shape="rect" coords="265, 1, 271, 10" href="javascript:showColor('#FFFF99')">
<area shape="rect" coords="273, 1, 279, 10" href="javascript:showColor('#FFFFCC')">
<area shape="rect" coords="281, 1, 287, 10" href="javascript:showColor('#FFFFFF')">
<area shape="rect" coords="1, 12, 7, 21" href="javascript:showColor('#00CC00')">
<area shape="rect" coords="9, 12, 15, 21" href="javascript:showColor('#00CC33')">
<area shape="rect" coords="17, 12, 23, 21" href="javascript:showColor('#00CC66')">
<area shape="rect" coords="25, 12, 31, 21" href="javascript:showColor('#00CC99')">
<area shape="rect" coords="33, 12, 39, 21" href="javascript:showColor('#00CCCC')">
<area shape="rect" coords="41, 12, 47, 21" href="javascript:showColor('#00CCFF')">
<area shape="rect" coords="49, 12, 55, 21" href="javascript:showColor('#33CC00')">
<area shape="rect" coords="57, 12, 63, 21" href="javascript:showColor('#33CC33')">
<area shape="rect" coords="65, 12, 71, 21" href="javascript:showColor('#33CC66')">
<area shape="rect" coords="73, 12, 79, 21" href="javascript:showColor('#33CC99')">
<area shape="rect" coords="81, 12, 87, 21" href="javascript:showColor('#33CCCC')">
<area shape="rect" coords="89, 12, 95, 21" href="javascript:showColor('#33CCFF')">
<area shape="rect" coords="97, 12, 103, 21" href="javascript:showColor('#66CC00')">
<area shape="rect" coords="105, 12, 111, 21" href="javascript:showColor('#66CC33')">
<area shape="rect" coords="113, 12, 119, 21" href="javascript:showColor('#66CC66')">
<area shape="rect" coords="121, 12, 127, 21" href="javascript:showColor('#66CC99')">
<area shape="rect" coords="129, 12, 135, 21" href="javascript:showColor('#66CCCC')">
<area shape="rect" coords="137, 12, 143, 21" href="javascript:showColor('#66CCFF')">
<area shape="rect" coords="145, 12, 151, 21" href="javascript:showColor('#99CC00')">
<area shape="rect" coords="153, 12, 159, 21" href="javascript:showColor('#99CC33')">
<area shape="rect" coords="161, 12, 167, 21" href="javascript:showColor('#99CC66')">
<area shape="rect" coords="169, 12, 175, 21" href="javascript:showColor('#99CC99')">
<area shape="rect" coords="177, 12, 183, 21" href="javascript:showColor('#99CCCC')">
<area shape="rect" coords="185, 12, 191, 21" href="javascript:showColor('#99CCFF')">
<area shape="rect" coords="193, 12, 199, 21" href="javascript:showColor('#CCCC00')">
<area shape="rect" coords="201, 12, 207, 21" href="javascript:showColor('#CCCC33')">
<area shape="rect" coords="209, 12, 215, 21" href="javascript:showColor('#CCCC66')">
<area shape="rect" coords="217, 12, 223, 21" href="javascript:showColor('#CCCC99')">
<area shape="rect" coords="225, 12, 231, 21" href="javascript:showColor('#CCCCCC')">
<area shape="rect" coords="233, 12, 239, 21" href="javascript:showColor('#CCCCFF')">
<area shape="rect" coords="241, 12, 247, 21" href="javascript:showColor('#FFCC00')">
<area shape="rect" coords="249, 12, 255, 21" href="javascript:showColor('#FFCC33')">
<area shape="rect" coords="257, 12, 263, 21" href="javascript:showColor('#FFCC66')">
<area shape="rect" coords="265, 12, 271, 21" href="javascript:showColor('#FFCC99')">
<area shape="rect" coords="273, 12, 279, 21" href="javascript:showColor('#FFCCCC')">
<area shape="rect" coords="281, 12, 287, 21" href="javascript:showColor('#FFCCFF')">
<area shape="rect" coords="1, 23, 7, 32" href="javascript:showColor('#009900')">
<area shape="rect" coords="9, 23, 15, 32" href="javascript:showColor('#009933')">
<area shape="rect" coords="17, 23, 23, 32" href="javascript:showColor('#009966')">
<area shape="rect" coords="25, 23, 31, 32" href="javascript:showColor('#009999')">
<area shape="rect" coords="33, 23, 39, 32" href="javascript:showColor('#0099CC')">
<area shape="rect" coords="41, 23, 47, 32" href="javascript:showColor('#0099FF')">
<area shape="rect" coords="49, 23, 55, 32" href="javascript:showColor('#339900')">
<area shape="rect" coords="57, 23, 63, 32" href="javascript:showColor('#339933')">
<area shape="rect" coords="65, 23, 71, 32" href="javascript:showColor('#339966')">
<area shape="rect" coords="73, 23, 79, 32" href="javascript:showColor('#339999')">
<area shape="rect" coords="81, 23, 87, 32" href="javascript:showColor('#3399CC')">
<area shape="rect" coords="89, 23, 95, 32" href="javascript:showColor('#3399FF')">
<area shape="rect" coords="97, 23, 103, 32" href="javascript:showColor('#669900')">
<area shape="rect" coords="105, 23, 111, 32" href="javascript:showColor('#669933')">
<area shape="rect" coords="113, 23, 119, 32" href="javascript:showColor('#669966')">
<area shape="rect" coords="121, 23, 127, 32" href="javascript:showColor('#669999')">
<area shape="rect" coords="129, 23, 135, 32" href="javascript:showColor('#6699CC')">
<area shape="rect" coords="137, 23, 143, 32" href="javascript:showColor('#6699FF')">
<area shape="rect" coords="145, 23, 151, 32" href="javascript:showColor('#999900')">
<area shape="rect" coords="153, 23, 159, 32" href="javascript:showColor('#999933')">
<area shape="rect" coords="161, 23, 167, 32" href="javascript:showColor('#999966')">
<area shape="rect" coords="169, 23, 175, 32" href="javascript:showColor('#999999')">
<area shape="rect" coords="177, 23, 183, 32" href="javascript:showColor('#9999CC')">
<area shape="rect" coords="185, 23, 191, 32" href="javascript:showColor('#9999FF')">
<area shape="rect" coords="193, 23, 199, 32" href="javascript:showColor('#CC9900')">
<area shape="rect" coords="201, 23, 207, 32" href="javascript:showColor('#CC9933')">
<area shape="rect" coords="209, 23, 215, 32" href="javascript:showColor('#CC9966')">
<area shape="rect" coords="217, 23, 223, 32" href="javascript:showColor('#CC9999')">
<area shape="rect" coords="225, 23, 231, 32" href="javascript:showColor('#CC99CC')">
<area shape="rect" coords="233, 23, 239, 32" href="javascript:showColor('#CC99FF')">
<area shape="rect" coords="241, 23, 247, 32" href="javascript:showColor('#FF9900')">
<area shape="rect" coords="249, 23, 255, 32" href="javascript:showColor('#FF9933')">
<area shape="rect" coords="257, 23, 263, 32" href="javascript:showColor('#FF9966')">
<area shape="rect" coords="265, 23, 271, 32" href="javascript:showColor('#FF9999')">
<area shape="rect" coords="273, 23, 279, 32" href="javascript:showColor('#FF99CC')">
<area shape="rect" coords="281, 23, 287, 32" href="javascript:showColor('#FF99FF')">
<area shape="rect" coords="1, 34, 7, 43" href="javascript:showColor('#006600')">
<area shape="rect" coords="9, 34, 15, 43" href="javascript:showColor('#006633')">
<area shape="rect" coords="17, 34, 23, 43" href="javascript:showColor('#006666')">
<area shape="rect" coords="25, 34, 31, 43" href="javascript:showColor('#006699')">
<area shape="rect" coords="33, 34, 39, 43" href="javascript:showColor('#0066CC')">
<area shape="rect" coords="41, 34, 47, 43" href="javascript:showColor('#0066FF')">
<area shape="rect" coords="49, 34, 55, 43" href="javascript:showColor('#336600')">
<area shape="rect" coords="57, 34, 63, 43" href="javascript:showColor('#336633')">
<area shape="rect" coords="65, 34, 71, 43" href="javascript:showColor('#336666')">
<area shape="rect" coords="73, 34, 79, 43" href="javascript:showColor('#336699')">
<area shape="rect" coords="81, 34, 87, 43" href="javascript:showColor('#3366CC')">
<area shape="rect" coords="89, 34, 95, 43" href="javascript:showColor('#3366FF')">
<area shape="rect" coords="97, 34, 103, 43" href="javascript:showColor('#666600')">
<area shape="rect" coords="105, 34, 111, 43" href="javascript:showColor('#666633')">
<area shape="rect" coords="113, 34, 119, 43" href="javascript:showColor('#666666')">
<area shape="rect" coords="121, 34, 127, 43" href="javascript:showColor('#666699')">
<area shape="rect" coords="129, 34, 135, 43" href="javascript:showColor('#6666CC')">
<area shape="rect" coords="137, 34, 143, 43" href="javascript:showColor('#6666FF')">
<area shape="rect" coords="145, 34, 151, 43" href="javascript:showColor('#996600')">
<area shape="rect" coords="153, 34, 159, 43" href="javascript:showColor('#996633')">
<area shape="rect" coords="161, 34, 167, 43" href="javascript:showColor('#996666')">
<area shape="rect" coords="169, 34, 175, 43" href="javascript:showColor('#996699')">
<area shape="rect" coords="177, 34, 183, 43" href="javascript:showColor('#9966CC')">
<area shape="rect" coords="185, 34, 191, 43" href="javascript:showColor('#9966FF')">
<area shape="rect" coords="193, 34, 199, 43" href="javascript:showColor('#CC6600')">
<area shape="rect" coords="201, 34, 207, 43" href="javascript:showColor('#CC6633')">
<area shape="rect" coords="209, 34, 215, 43" href="javascript:showColor('#CC6666')">
<area shape="rect" coords="217, 34, 223, 43" href="javascript:showColor('#CC6699')">
<area shape="rect" coords="225, 34, 231, 43" href="javascript:showColor('#CC66CC')">
<area shape="rect" coords="233, 34, 239, 43" href="javascript:showColor('#CC66FF')">
<area shape="rect" coords="241, 34, 247, 43" href="javascript:showColor('#FF6600')">
<area shape="rect" coords="249, 34, 255, 43" href="javascript:showColor('#FF6633')">
<area shape="rect" coords="257, 34, 263, 43" href="javascript:showColor('#FF6666')">
<area shape="rect" coords="265, 34, 271, 43" href="javascript:showColor('#FF6699')">
<area shape="rect" coords="273, 34, 279, 43" href="javascript:showColor('#FF66CC')">
<area shape="rect" coords="281, 34, 287, 43" href="javascript:showColor('#FF66FF')">
<area shape="rect" coords="1, 45, 7, 54" href="javascript:showColor('#003300')">
<area shape="rect" coords="9, 45, 15, 54" href="javascript:showColor('#003333')">
<area shape="rect" coords="17, 45, 23, 54" href="javascript:showColor('#003366')">
<area shape="rect" coords="25, 45, 31, 54" href="javascript:showColor('#003399')">
<area shape="rect" coords="33, 45, 39, 54" href="javascript:showColor('#0033CC')">
<area shape="rect" coords="41, 45, 47, 54" href="javascript:showColor('#0033FF')">
<area shape="rect" coords="49, 45, 55, 54" href="javascript:showColor('#333300')">
<area shape="rect" coords="57, 45, 63, 54" href="javascript:showColor('#333333')">
<area shape="rect" coords="65, 45, 71, 54" href="javascript:showColor('#333366')">
<area shape="rect" coords="73, 45, 79, 54" href="javascript:showColor('#333399')">
<area shape="rect" coords="81, 45, 87, 54" href="javascript:showColor('#3333CC')">
<area shape="rect" coords="89, 45, 95, 54" href="javascript:showColor('#3333FF')">
<area shape="rect" coords="97, 45, 103, 54" href="javascript:showColor('#663300')">
<area shape="rect" coords="105, 45, 111, 54" href="javascript:showColor('#663333')">
<area shape="rect" coords="113, 45, 119, 54" href="javascript:showColor('#663366')">
<area shape="rect" coords="121, 45, 127, 54" href="javascript:showColor('#663399')">
<area shape="rect" coords="129, 45, 135, 54" href="javascript:showColor('#6633CC')">
<area shape="rect" coords="137, 45, 143, 54" href="javascript:showColor('#6633FF')">
<area shape="rect" coords="145, 45, 151, 54" href="javascript:showColor('#993300')">
<area shape="rect" coords="153, 45, 159, 54" href="javascript:showColor('#993333')">
<area shape="rect" coords="161, 45, 167, 54" href="javascript:showColor('#993366')">
<area shape="rect" coords="169, 45, 175, 54" href="javascript:showColor('#993399')">
<area shape="rect" coords="177, 45, 183, 54" href="javascript:showColor('#9933CC')">
<area shape="rect" coords="185, 45, 191, 54" href="javascript:showColor('#9933FF')">
<area shape="rect" coords="193, 45, 199, 54" href="javascript:showColor('#CC3300')">
<area shape="rect" coords="201, 45, 207, 54" href="javascript:showColor('#CC3333')">
<area shape="rect" coords="209, 45, 215, 54" href="javascript:showColor('#CC3366')">
<area shape="rect" coords="217, 45, 223, 54" href="javascript:showColor('#CC3399')">
<area shape="rect" coords="225, 45, 231, 54" href="javascript:showColor('#CC33CC')">
<area shape="rect" coords="233, 45, 239, 54" href="javascript:showColor('#CC33FF')">
<area shape="rect" coords="241, 45, 247, 54" href="javascript:showColor('#FF3300')">
<area shape="rect" coords="249, 45, 255, 54" href="javascript:showColor('#FF3333')">
<area shape="rect" coords="257, 45, 263, 54" href="javascript:showColor('#FF3366')">
<area shape="rect" coords="265, 45, 271, 54" href="javascript:showColor('#FF3399')">
<area shape="rect" coords="273, 45, 279, 54" href="javascript:showColor('#FF33CC')">
<area shape="rect" coords="281, 45, 287, 54" href="javascript:showColor('#FF33FF')">
<area shape="rect" coords="1, 56, 7, 65" href="javascript:showColor('#000000')">
<area shape="rect" coords="9, 56, 15, 65" href="javascript:showColor('#000033')">
<area shape="rect" coords="17, 56, 23, 65" href="javascript:showColor('#000066')">
<area shape="rect" coords="25, 56, 31, 65" href="javascript:showColor('#000099')">
<area shape="rect" coords="33, 56, 39, 65" href="javascript:showColor('#0000CC')">
<area shape="rect" coords="41, 56, 47, 65" href="javascript:showColor('#0000FF')">
<area shape="rect" coords="49, 56, 55, 65" href="javascript:showColor('#330000')">
<area shape="rect" coords="57, 56, 63, 65" href="javascript:showColor('#330033')">
<area shape="rect" coords="65, 56, 71, 65" href="javascript:showColor('#330066')">
<area shape="rect" coords="73, 56, 79, 65" href="javascript:showColor('#330099')">
<area shape="rect" coords="81, 56, 87, 65" href="javascript:showColor('#3300CC')">
<area shape="rect" coords="89, 56, 95, 65" href="javascript:showColor('#3300FF')">
<area shape="rect" coords="97, 56, 103, 65" href="javascript:showColor('#660000')">
<area shape="rect" coords="105, 56, 111, 65" href="javascript:showColor('#660033')">
<area shape="rect" coords="113, 56, 119, 65" href="javascript:showColor('#660066')">
<area shape="rect" coords="121, 56, 127, 65" href="javascript:showColor('#660099')">
<area shape="rect" coords="129, 56, 135, 65" href="javascript:showColor('#6600CC')">
<area shape="rect" coords="137, 56, 143, 65" href="javascript:showColor('#6600FF')">
<area shape="rect" coords="145, 56, 151, 65" href="javascript:showColor('#990000')">
<area shape="rect" coords="153, 56, 159, 65" href="javascript:showColor('#990033')">
<area shape="rect" coords="161, 56, 167, 65" href="javascript:showColor('#990066')">
<area shape="rect" coords="169, 56, 175, 65" href="javascript:showColor('#990099')">
<area shape="rect" coords="177, 56, 183, 65" href="javascript:showColor('#9900CC')">
<area shape="rect" coords="185, 56, 191, 65" href="javascript:showColor('#9900FF')">
<area shape="rect" coords="193, 56, 199, 65" href="javascript:showColor('#CC0000')">
<area shape="rect" coords="201, 56, 207, 65" href="javascript:showColor('#CC0033')">
<area shape="rect" coords="209, 56, 215, 65" href="javascript:showColor('#CC0066')">
<area shape="rect" coords="217, 56, 223, 65" href="javascript:showColor('#CC0099')">
<area shape="rect" coords="225, 56, 231, 65" href="javascript:showColor('#CC00CC')">
<area shape="rect" coords="233, 56, 239, 65" href="javascript:showColor('#CC00FF')">
<area shape="rect" coords="241, 56, 247, 65" href="javascript:showColor('#FF0000')">
<area shape="rect" coords="249, 56, 255, 65" href="javascript:showColor('#FF0033')">
<area shape="rect" coords="257, 56, 263, 65" href="javascript:showColor('#FF0066')">
<area shape="rect" coords="265, 56, 271, 65" href="javascript:showColor('#FF0099')">
<area shape="rect" coords="273, 56, 279, 65" href="javascript:showColor('#FF00CC')">
<area shape="rect" coords="281, 56, 287, 65" href="javascript:showColor('#FF00FF')">
</map>
<a><img usemap="#colmap" src="images/colortable.gif" border=0 width=289 height=67></a><br>
<br>
Click a box and the hexadecimal color will be shown below.<br>
<input type=text name=hexval size=10 readonly>
</form>
</body>

</html>

Crystina
12-21-2005, 11:39 PM
Edited above code... Please help! Day 4 and counting! :eek:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum