Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow 'document.hexval.colorform' null or not an object

    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!

    Code:
    <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

    Code:
    <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>
    Last edited by Crystina; 12-21-2005 at 03:45 PM. Reason: New issues

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    In this function
    Code:
    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.
    Last edited by _Aerospace_Eng_; 12-20-2005 at 11:22 PM.

  • #3
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thank you!

    Thanks so much! I have been at it for two full days nonstop and going nowhere but in circles. Thanks for your help!

  • #4
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Little Black Boxes vs. Color

    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.

  • #5
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Another script

    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.

    Code:
    <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>
    Last edited by Crystina; 12-21-2005 at 11:38 PM.

  • #6
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Edited above

    Edited above code... Please help! Day 4 and counting!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •