Web Analytics Made Easy -
StatCounter going crazy with image map/javascript - CodingForum

Announcement

Collapse
No announcement yet.

going crazy with image map/javascript

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • going crazy with image map/javascript

    please please please someone help, i posted last week and made progress but still cant find out how to do it

    ok here is what i have and i cant get it to work can anyone help me please
    trying to make a color picker that puts the hexval in one text box and a sample of the color in the other text box.
    there will be a total of 14 text boxes 7-hexval 7-samples or 2 per colortable

    <script language="JavaScript" type="text/javascript">
    var hexdecial=color
    function showColor(val_1,val_2,val_3,val4,val5) {
    document.getElementById("main").value = val_1;
    document.getElementById("sub1").value = val_2;
    document.getElementById("sub2").value = val_3;
    document.getElementById("additional").value =val4;
    document.getElementById("background").value =val5;}
    function colorsample(color1,color2,color3,color4,color5){
    document.getElementById("colorchip1").color.value =color1;
    document.getElementById("colorchip3").color.value =color2;
    document.getElementById("colorchip5").color.value =color3;
    document.getElementById("colorchip7").color.value =color4;
    document.getElementById("colorchip9").color.value =color5;

    }
    function outlinecolor(val6,val7,val8,val9){
    document.getElementById("outline_1").value = val6;
    document.getElementById("outline_2").value = val7;
    document.getElementById("outline_3").value = val8;
    document.getElementById("outline_4").value = val9;}
    function shadecolorchip(color){
    document.getElementById("colorchip2").color.value =color;
    document.getElementById("colorchip4").color.value =color;
    document.getElementById("colorchip6").color.value =color;
    document.getElementById("colorchip8").color.value =color;}</script>


    map
    <form name="colortable" method="post" action="">
    <map name="colmap" id="#colmap">
    <area shape="rect" coords="1,1,7,10"href="javascript:showColor('#00FF00')";"colorsample(#)" />
    <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')" />
    so so so
    </map>


    and text boxes

    <td rowspan="3"><img src="FUNDRAISING/colortable1.gif" alt="COLOR TABLE" width="289" height="67" border="0" usemap="#colmap" name="mainheadingcolortable" id="maincolortable" onclick= "showcolor(this);colorsample(this);"/></td>
    </tr>
    <tr>
    <td rowspan="5" class="INPUTLABELS">FONT COLOR</td>
    <td><input name="main" type="text" id="showcolor(main)_maincolortable" size="9" />
    <input name="color" type="text" id="colorsample(color)_maincolortable" size="3" readonly="true" /></td>

  • #2
    where's rest if the html? I might be able to help. and I'll need the image too.

    Comment


    • #3
      it is to long to put in here so here is a link
      www.allyscandle.com/mainheading.html

      Comment


      • #4
        Ummm...I don't get any color map image to appear using that URL.

        Possibly because the very first line of JavaScript is bogus:
        Code:
        var hexdecial=color
        The variable color is not defined at that point.

        The other error I noted was that on this line:
        Code:
        <img src="FUNDRAISING/colortable.gif" alt="COLOR TABLE" width="289" height="67" 
          border="0" usemap="#colmap" 
          onClick="[b]showcolor(this)[/b];colorsample(this);" id="maincolortable"/>
        you are calling a NON-EXISTENT function. All the other places I noted, you are correctly calling showColor. JavaScript is case sensitive. "showcolor" is NOT the same as "showColor".



        Incidentally, not terribly important, but the correct spelling is hexadecimal or, depending on what country you are in, hexidecimal. You left out two whole syllables.
        Last edited by Old Pedant; Apr 14, 2009, 01:34 AM.
        Be yourself. No one else is as qualified.

        Comment


        • #5
          Also, this line 6 is bogus:
          Code:
          document.getElementById("sub2").value = val3;
          You have no element on the page with an id of "sub2".

          In short, I don't think you have really even started debugging yet, yes? Have you been using Firebug?? It would easily and quickly help you find errors like this.
          Be yourself. No one else is as qualified.

          Comment


          • #6
            Well, I made a new script, but it's pretty close. The functionality is there, but you'll have to tune it to your page. I'm available for hire to integrate this script for you in to your page if you get stuck. send me a PM if you're interested.

            here's the script I made. I also made a script to make the color image with canvas tag and the image map tags with coordinates and the javascript functions built in.

            Good learning project.
            here's the image for this script.

            Code:
            <script language="JavaScript" type="text/javascript">
            var count=0;
            var vals =new Array()
            for (i=0;i<20;i++){vals[i]="#FFFFFF";}
            function showColor(newcolor) {
            vals[count]=newcolor;
            count++
            document.getElementById("background").style.background=newcolor
            document.getElementById("colorchip0").style.background=vals[0];
            document.getElementById("colorchip1").style.background=vals[1];
            document.getElementById("colorchip2").style.background=vals[2];
            document.getElementById("colorchip3").style.background=vals[3];
            document.getElementById("colorchip4").style.background=vals[4];
            document.getElementById("colorchip5").style.background=vals[5];
            document.getElementById("colorchip6").style.background=vals[6];
            document.getElementById("colorchip7").style.background=vals[7];
            document.getElementById("colorchip8").style.background=vals[8];
            document.getElementById("colorchip9").style.background=vals[9];
            document.getElementById("colorchip10").style.background=vals[10];
            document.getElementById("colorchip11").style.background=vals[11];
            document.getElementById("colorchip12").style.background=vals[12];
            document.getElementById("colorchip13").style.background=vals[13];
            document.getElementById("colorchip14").style.background=vals[14];
            document.getElementById("colorchip15").style.background=vals[15];
            document.getElementById("colorchip16").style.background=vals[16];
            document.getElementById("colorchip17").style.background=vals[17];
            document.getElementById("colorchip18").style.background=vals[18];
            document.getElementById("colorchip19").style.background=vals[19];
            document.getElementById("outline_0").value = vals[0];
            document.getElementById("outline_0").style.background = vals[0];
            document.getElementById("outline_1").value = vals[1];
            document.getElementById("outline_1").style.background = vals[1];
            document.getElementById("outline_2").value = vals[2];
            document.getElementById("outline_2").style.background = vals[2];
            document.getElementById("outline_3").value = vals[3];
            document.getElementById("outline_3").style.background = vals[3];
            document.getElementById("outline_4").value = vals[4];
            document.getElementById("outline_4").style.background = vals[4];
            document.getElementById("outline_5").value = vals[5];
            document.getElementById("outline_5").style.background = vals[5];
            document.getElementById("outline_6").value = vals[6];
            document.getElementById("outline_6").style.background = vals[6];
            document.getElementById("outline_7").value = vals[7];
            document.getElementById("outline_7").style.background = vals[7];
            document.getElementById("outline_8").value = vals[8];
            document.getElementById("outline_8").style.background = vals[8];
            document.getElementById("outline_9").value = vals[9];
            document.getElementById("outline_9").style.background = vals[9];
            document.getElementById("outline_10").value = vals[10];
            document.getElementById("outline_10").style.background = vals[10];
            document.getElementById("outline_11").value = vals[11];
            document.getElementById("outline_11").style.background = vals[11];
            document.getElementById("outline_12").value = vals[12];
            document.getElementById("outline_12").style.background = vals[12];
            document.getElementById("outline_13").value = vals[13];
            document.getElementById("outline_13").style.background = vals[13];
            document.getElementById("outline_14").value = vals[14];
            document.getElementById("outline_14").style.background = vals[14];
            document.getElementById("outline_15").value = vals[15];
            document.getElementById("outline_15").style.background = vals[15];
            document.getElementById("outline_16").value = vals[16];
            document.getElementById("outline_16").style.background = vals[16];
            document.getElementById("outline_17").value = vals[17];
            document.getElementById("outline_17").style.background = vals[17];
            document.getElementById("outline_18").value = vals[18];
            document.getElementById("outline_18").style.background = vals[18];
            document.getElementById("outline_19").value = vals[19];
            document.getElementById("outline_19").style.background = vals[19];
            	}
            function update(currentColor){
            document.getElementById("background").style.background=currentColor
            document.getElementById("colorchip"+count+"").style.background=currentColor
            document.getElementById("outline_"+count+"").style.background=currentColor
            document.getElementById("outline_"+count+"").value=currentColor
            	}
            </script>

            Comment


            • #7
              and the rest of the script. it was too large for one post.

              Code:
              <form name="colortable" method="post" action="" >
              <map name="colmap" id="#colmap">
              <area shape="rect"coords="1,1,10,10" href="javascript:showColor('#00FF00')"onmouseover="update('#00FF00')">
              <area shape="rect"coords="9,1,18,10" href="javascript:showColor('#00FF33')"onmouseover="update('#00FF33')">
              <area shape="rect"coords="17,1,26,10" href="javascript:showColor('#00FF66')"onmouseover="update('#00FF66')">
              <area shape="rect"coords="25,1,34,10" href="javascript:showColor('#00FF99')"onmouseover="update('#00FF99')">
              <area shape="rect"coords="33,1,42,10" href="javascript:showColor('#00FFCC')"onmouseover="update('#00FFCC')">
              <area shape="rect"coords="41,1,50,10" href="javascript:showColor('#00FFFF')"onmouseover="update('#00FFFF')">
              <area shape="rect"coords="49,1,58,10" href="javascript:showColor('#33FF00')"onmouseover="update('#33FF00')">
              <area shape="rect"coords="57,1,66,10" href="javascript:showColor('#33FF33')"onmouseover="update('#33FF33')">
              <area shape="rect"coords="65,1,74,10" href="javascript:showColor('#33FF66')"onmouseover="update('#33FF66')">
              <area shape="rect"coords="73,1,82,10" href="javascript:showColor('#33FF99')"onmouseover="update('#33FF99')">
              <area shape="rect"coords="81,1,90,10" href="javascript:showColor('#33FFCC')"onmouseover="update('#33FFCC')">
              <area shape="rect"coords="89,1,98,10" href="javascript:showColor('#33FFFF')"onmouseover="update('#33FFFF')">
              <area shape="rect"coords="97,1,106,10" href="javascript:showColor('#66FF00')"onmouseover="update('#66FF00')">
              
              <area shape="rect"coords="105,1,114,10" href="javascript:showColor('#66FF33')"onmouseover="update('#66FF33')">
              <area shape="rect"coords="113,1,122,10" href="javascript:showColor('#66FF66')"onmouseover="update('#66FF66')">
              <area shape="rect"coords="121,1,130,10" href="javascript:showColor('#66FF99')"onmouseover="update('#66FF99')">
              <area shape="rect"coords="129,1,138,10" href="javascript:showColor('#66FFCC')"onmouseover="update('#66FFCC')">
              <area shape="rect"coords="137,1,146,10" href="javascript:showColor('#66FFFF')"onmouseover="update('#66FFFF')">
              <area shape="rect"coords="145,1,154,10" href="javascript:showColor('#99FF00')"onmouseover="update('#99FF00')">
              <area shape="rect"coords="153,1,162,10" href="javascript:showColor('#99FF33')"onmouseover="update('#99FF33')">
              <area shape="rect"coords="161,1,170,10" href="javascript:showColor('#99FF66')"onmouseover="update('#99FF66')">
              <area shape="rect"coords="169,1,178,10" href="javascript:showColor('#99FF99')"onmouseover="update('#99FF99')">
              <area shape="rect"coords="177,1,186,10" href="javascript:showColor('#99FFCC')"onmouseover="update('#99FFCC')">
              <area shape="rect"coords="185,1,194,10" href="javascript:showColor('#99FFFF')"onmouseover="update('#99FFFF')">
              <area shape="rect"coords="193,1,202,10" href="javascript:showColor('#CCFF00')"onmouseover="update('#CCFF00')">
              <area shape="rect"coords="201,1,210,10" href="javascript:showColor('#CCFF33')"onmouseover="update('#CCFF33')">
              <area shape="rect"coords="209,1,218,10" href="javascript:showColor('#CCFF66')"onmouseover="update('#CCFF66')">
              <area shape="rect"coords="217,1,226,10" href="javascript:showColor('#CCFF99')"onmouseover="update('#CCFF99')">
              <area shape="rect"coords="225,1,234,10" href="javascript:showColor('#CCFFCC')"onmouseover="update('#CCFFCC')">
              <area shape="rect"coords="233,1,242,10" href="javascript:showColor('#CCFFFF')"onmouseover="update('#CCFFFF')">
              
              <area shape="rect"coords="241,1,250,10" href="javascript:showColor('#FFFF00')"onmouseover="update('#FFFF00')">
              <area shape="rect"coords="249,1,258,10" href="javascript:showColor('#FFFF33')"onmouseover="update('#FFFF33')">
              <area shape="rect"coords="257,1,266,10" href="javascript:showColor('#FFFF66')"onmouseover="update('#FFFF66')">
              <area shape="rect"coords="265,1,274,10" href="javascript:showColor('#FFFF99')"onmouseover="update('#FFFF99')">
              <area shape="rect"coords="273,1,282,10" href="javascript:showColor('#FFFFCC')"onmouseover="update('#FFFFCC')">
              <area shape="rect"coords="281,1,290,10" href="javascript:showColor('#FFFFFF')"onmouseover="update('#FFFFFF')">
              <area shape="rect"coords="1,9,10,18" href="javascript:showColor('#00CC00')"onmouseover="update('#00CC00')">
              <area shape="rect"coords="9,9,18,18" href="javascript:showColor('#00CC33')"onmouseover="update('#00CC33')">
              <area shape="rect"coords="17,9,26,18" href="javascript:showColor('#00CC66')"onmouseover="update('#00CC66')">
              <area shape="rect"coords="25,9,34,18" href="javascript:showColor('#00CC99')"onmouseover="update('#00CC99')">
              <area shape="rect"coords="33,9,42,18" href="javascript:showColor('#00CCCC')"onmouseover="update('#00CCCC')">
              <area shape="rect"coords="41,9,50,18" href="javascript:showColor('#00CCFF')"onmouseover="update('#00CCFF')">
              <area shape="rect"coords="49,9,58,18" href="javascript:showColor('#33CC00')"onmouseover="update('#33CC00')">
              <area shape="rect"coords="57,9,66,18" href="javascript:showColor('#33CC33')"onmouseover="update('#33CC33')">
              <area shape="rect"coords="65,9,74,18" href="javascript:showColor('#33CC66')"onmouseover="update('#33CC66')">
              <area shape="rect"coords="73,9,82,18" href="javascript:showColor('#33CC99')"onmouseover="update('#33CC99')">
              <area shape="rect"coords="81,9,90,18" href="javascript:showColor('#33CCCC')"onmouseover="update('#33CCCC')">
              
              <area shape="rect"coords="89,9,98,18" href="javascript:showColor('#33CCFF')"onmouseover="update('#33CCFF')">
              <area shape="rect"coords="97,9,106,18" href="javascript:showColor('#66CC00')"onmouseover="update('#66CC00')">
              <area shape="rect"coords="105,9,114,18" href="javascript:showColor('#66CC33')"onmouseover="update('#66CC33')">
              <area shape="rect"coords="113,9,122,18" href="javascript:showColor('#66CC66')"onmouseover="update('#66CC66')">
              <area shape="rect"coords="121,9,130,18" href="javascript:showColor('#66CC99')"onmouseover="update('#66CC99')">
              <area shape="rect"coords="129,9,138,18" href="javascript:showColor('#66CCCC')"onmouseover="update('#66CCCC')">
              <area shape="rect"coords="137,9,146,18" href="javascript:showColor('#66CCFF')"onmouseover="update('#66CCFF')">
              <area shape="rect"coords="145,9,154,18" href="javascript:showColor('#99CC00')"onmouseover="update('#99CC00')">
              <area shape="rect"coords="153,9,162,18" href="javascript:showColor('#99CC33')"onmouseover="update('#99CC33')">
              <area shape="rect"coords="161,9,170,18" href="javascript:showColor('#99CC66')"onmouseover="update('#99CC66')">
              <area shape="rect"coords="169,9,178,18" href="javascript:showColor('#99CC99')"onmouseover="update('#99CC99')">
              <area shape="rect"coords="177,9,186,18" href="javascript:showColor('#99CCCC')"onmouseover="update('#99CCCC')">
              <area shape="rect"coords="185,9,194,18" href="javascript:showColor('#99CCFF')"onmouseover="update('#99CCFF')">
              <area shape="rect"coords="193,9,202,18" href="javascript:showColor('#CCCC00')"onmouseover="update('#CCCC00')">
              <area shape="rect"coords="201,9,210,18" href="javascript:showColor('#CCCC33')"onmouseover="update('#CCCC33')">
              <area shape="rect"coords="209,9,218,18" href="javascript:showColor('#CCCC66')"onmouseover="update('#CCCC66')">
              <area shape="rect"coords="217,9,226,18" href="javascript:showColor('#CCCC99')"onmouseover="update('#CCCC99')">
              
              <area shape="rect"coords="225,9,234,18" href="javascript:showColor('#CCCCCC')"onmouseover="update('#CCCCCC')">
              <area shape="rect"coords="233,9,242,18" href="javascript:showColor('#CCCCFF')"onmouseover="update('#CCCCFF')">
              <area shape="rect"coords="241,9,250,18" href="javascript:showColor('#FFCC00')"onmouseover="update('#FFCC00')">
              <area shape="rect"coords="249,9,258,18" href="javascript:showColor('#FFCC33')"onmouseover="update('#FFCC33')">
              <area shape="rect"coords="257,9,266,18" href="javascript:showColor('#FFCC66')"onmouseover="update('#FFCC66')">
              <area shape="rect"coords="265,9,274,18" href="javascript:showColor('#FFCC99')"onmouseover="update('#FFCC99')">
              <area shape="rect"coords="273,9,282,18" href="javascript:showColor('#FFCCCC')"onmouseover="update('#FFCCCC')">
              <area shape="rect"coords="281,9,290,18" href="javascript:showColor('#FFCCFF')"onmouseover="update('#FFCCFF')">
              <area shape="rect"coords="1,17,10,26" href="javascript:showColor('#009900')"onmouseover="update('#009900')">
              <area shape="rect"coords="9,17,18,26" href="javascript:showColor('#009933')"onmouseover="update('#009933')">
              <area shape="rect"coords="17,17,26,26" href="javascript:showColor('#009966')"onmouseover="update('#009966')">
              <area shape="rect"coords="25,17,34,26" href="javascript:showColor('#009999')"onmouseover="update('#009999')">
              <area shape="rect"coords="33,17,42,26" href="javascript:showColor('#0099CC')"onmouseover="update('#0099CC')">
              <area shape="rect"coords="41,17,50,26" href="javascript:showColor('#0099FF')"onmouseover="update('#0099FF')">
              <area shape="rect"coords="49,17,58,26" href="javascript:showColor('#339900')"onmouseover="update('#339900')">
              <area shape="rect"coords="57,17,66,26" href="javascript:showColor('#339933')"onmouseover="update('#339933')">
              <area shape="rect"coords="65,17,74,26" href="javascript:showColor('#339966')"onmouseover="update('#339966')">
              
              <area shape="rect"coords="73,17,82,26" href="javascript:showColor('#339999')"onmouseover="update('#339999')">
              <area shape="rect"coords="81,17,90,26" href="javascript:showColor('#3399CC')"onmouseover="update('#3399CC')">
              <area shape="rect"coords="89,17,98,26" href="javascript:showColor('#3399FF')"onmouseover="update('#3399FF')">
              <area shape="rect"coords="97,17,106,26" href="javascript:showColor('#669900')"onmouseover="update('#669900')">
              <area shape="rect"coords="105,17,114,26" href="javascript:showColor('#669933')"onmouseover="update('#669933')">
              <area shape="rect"coords="113,17,122,26" href="javascript:showColor('#669966')"onmouseover="update('#669966')">
              <area shape="rect"coords="121,17,130,26" href="javascript:showColor('#669999')"onmouseover="update('#669999')">
              <area shape="rect"coords="129,17,138,26" href="javascript:showColor('#6699CC')"onmouseover="update('#6699CC')">
              <area shape="rect"coords="137,17,146,26" href="javascript:showColor('#6699FF')"onmouseover="update('#6699FF')">
              <area shape="rect"coords="145,17,154,26" href="javascript:showColor('#999900')"onmouseover="update('#999900')">
              <area shape="rect"coords="153,17,162,26" href="javascript:showColor('#999933')"onmouseover="update('#999933')">
              <area shape="rect"coords="161,17,170,26" href="javascript:showColor('#999966')"onmouseover="update('#999966')">
              <area shape="rect"coords="169,17,178,26" href="javascript:showColor('#999999')"onmouseover="update('#999999')">
              <area shape="rect"coords="177,17,186,26" href="javascript:showColor('#9999CC')"onmouseover="update('#9999CC')">
              <area shape="rect"coords="185,17,194,26" href="javascript:showColor('#9999FF')"onmouseover="update('#9999FF')">
              <area shape="rect"coords="193,17,202,26" href="javascript:showColor('#CC9900')"onmouseover="update('#CC9900')">
              <area shape="rect"coords="201,17,210,26" href="javascript:showColor('#CC9933')"onmouseover="update('#CC9933')">
              
              <area shape="rect"coords="209,17,218,26" href="javascript:showColor('#CC9966')"onmouseover="update('#CC9966')">
              <area shape="rect"coords="217,17,226,26" href="javascript:showColor('#CC9999')"onmouseover="update('#CC9999')">
              <area shape="rect"coords="225,17,234,26" href="javascript:showColor('#CC99CC')"onmouseover="update('#CC99CC')">
              <area shape="rect"coords="233,17,242,26" href="javascript:showColor('#CC99FF')"onmouseover="update('#CC99FF')">
              <area shape="rect"coords="241,17,250,26" href="javascript:showColor('#FF9900')"onmouseover="update('#FF9900')">
              <area shape="rect"coords="249,17,258,26" href="javascript:showColor('#FF9933')"onmouseover="update('#FF9933')">
              <area shape="rect"coords="257,17,266,26" href="javascript:showColor('#FF9966')"onmouseover="update('#FF9966')">
              <area shape="rect"coords="265,17,274,26" href="javascript:showColor('#FF9999')"onmouseover="update('#FF9999')">
              <area shape="rect"coords="273,17,282,26" href="javascript:showColor('#FF99CC')"onmouseover="update('#FF99CC')">
              <area shape="rect"coords="281,17,290,26" href="javascript:showColor('#FF99FF')"onmouseover="update('#FF99FF')">
              <area shape="rect"coords="1,25,10,34" href="javascript:showColor('#006600')"onmouseover="update('#006600')">
              <area shape="rect"coords="9,25,18,34" href="javascript:showColor('#006633')"onmouseover="update('#006633')">
              <area shape="rect"coords="17,25,26,34" href="javascript:showColor('#006666')"onmouseover="update('#006666')">
              <area shape="rect"coords="25,25,34,34" href="javascript:showColor('#006699')"onmouseover="update('#006699')">
              <area shape="rect"coords="33,25,42,34" href="javascript:showColor('#0066CC')"onmouseover="update('#0066CC')">
              <area shape="rect"coords="41,25,50,34" href="javascript:showColor('#0066FF')"onmouseover="update('#0066FF')">
              <area shape="rect"coords="49,25,58,34" href="javascript:showColor('#336600')"onmouseover="update('#336600')">
              
              <area shape="rect"coords="57,25,66,34" href="javascript:showColor('#336633')"onmouseover="update('#336633')">
              <area shape="rect"coords="65,25,74,34" href="javascript:showColor('#336666')"onmouseover="update('#336666')">
              <area shape="rect"coords="73,25,82,34" href="javascript:showColor('#336699')"onmouseover="update('#336699')">
              <area shape="rect"coords="81,25,90,34" href="javascript:showColor('#3366CC')"onmouseover="update('#3366CC')">
              <area shape="rect"coords="89,25,98,34" href="javascript:showColor('#3366FF')"onmouseover="update('#3366FF')">
              <area shape="rect"coords="97,25,106,34" href="javascript:showColor('#666600')"onmouseover="update('#666600')">
              <area shape="rect"coords="105,25,114,34" href="javascript:showColor('#666633')"onmouseover="update('#666633')">
              <area shape="rect"coords="113,25,122,34" href="javascript:showColor('#666666')"onmouseover="update('#666666')">
              <area shape="rect"coords="121,25,130,34" href="javascript:showColor('#666699')"onmouseover="update('#666699')">
              <area shape="rect"coords="129,25,138,34" href="javascript:showColor('#6666CC')"onmouseover="update('#6666CC')">
              <area shape="rect"coords="137,25,146,34" href="javascript:showColor('#6666FF')"onmouseover="update('#6666FF')">
              <area shape="rect"coords="145,25,154,34" href="javascript:showColor('#996600')"onmouseover="update('#996600')">
              <area shape="rect"coords="153,25,162,34" href="javascript:showColor('#996633')"onmouseover="update('#996633')">
              <area shape="rect"coords="161,25,170,34" href="javascript:showColor('#996666')"onmouseover="update('#996666')">
              <area shape="rect"coords="169,25,178,34" href="javascript:showColor('#996699')"onmouseover="update('#996699')">
              <area shape="rect"coords="177,25,186,34" href="javascript:showColor('#9966CC')"onmouseover="update('#9966CC')">
              <area shape="rect"coords="185,25,194,34" href="javascript:showColor('#9966FF')"onmouseover="update('#9966FF')">

              Comment


              • #8
                and another !!!
                Code:
                <area shape="rect"coords="193,25,202,34" href="javascript:showColor('#CC6600')"onmouseover="update('#CC6600')">
                <area shape="rect"coords="201,25,210,34" href="javascript:showColor('#CC6633')"onmouseover="update('#CC6633')">
                <area shape="rect"coords="209,25,218,34" href="javascript:showColor('#CC6666')"onmouseover="update('#CC6666')">
                <area shape="rect"coords="217,25,226,34" href="javascript:showColor('#CC6699')"onmouseover="update('#CC6699')">
                <area shape="rect"coords="225,25,234,34" href="javascript:showColor('#CC66CC')"onmouseover="update('#CC66CC')">
                <area shape="rect"coords="233,25,242,34" href="javascript:showColor('#CC66FF')"onmouseover="update('#CC66FF')">
                <area shape="rect"coords="241,25,250,34" href="javascript:showColor('#FF6600')"onmouseover="update('#FF6600')">
                <area shape="rect"coords="249,25,258,34" href="javascript:showColor('#FF6633')"onmouseover="update('#FF6633')">
                <area shape="rect"coords="257,25,266,34" href="javascript:showColor('#FF6666')"onmouseover="update('#FF6666')">
                <area shape="rect"coords="265,25,274,34" href="javascript:showColor('#FF6699')"onmouseover="update('#FF6699')">
                <area shape="rect"coords="273,25,282,34" href="javascript:showColor('#FF66CC')"onmouseover="update('#FF66CC')">
                <area shape="rect"coords="281,25,290,34" href="javascript:showColor('#FF66FF')"onmouseover="update('#FF66FF')">
                <area shape="rect"coords="1,33,10,42" href="javascript:showColor('#003300')"onmouseover="update('#003300')">
                <area shape="rect"coords="9,33,18,42" href="javascript:showColor('#003333')"onmouseover="update('#003333')">
                <area shape="rect"coords="17,33,26,42" href="javascript:showColor('#003366')"onmouseover="update('#003366')">
                <area shape="rect"coords="25,33,34,42" href="javascript:showColor('#003399')"onmouseover="update('#003399')">
                <area shape="rect"coords="33,33,42,42" href="javascript:showColor('#0033CC')"onmouseover="update('#0033CC')">
                
                <area shape="rect"coords="41,33,50,42" href="javascript:showColor('#0033FF')"onmouseover="update('#0033FF')">
                <area shape="rect"coords="49,33,58,42" href="javascript:showColor('#333300')"onmouseover="update('#333300')">
                <area shape="rect"coords="57,33,66,42" href="javascript:showColor('#333333')"onmouseover="update('#333333')">
                <area shape="rect"coords="65,33,74,42" href="javascript:showColor('#333366')"onmouseover="update('#333366')">
                <area shape="rect"coords="73,33,82,42" href="javascript:showColor('#333399')"onmouseover="update('#333399')">
                <area shape="rect"coords="81,33,90,42" href="javascript:showColor('#3333CC')"onmouseover="update('#3333CC')">
                <area shape="rect"coords="89,33,98,42" href="javascript:showColor('#3333FF')"onmouseover="update('#3333FF')">
                <area shape="rect"coords="97,33,106,42" href="javascript:showColor('#663300')"onmouseover="update('#663300')">
                <area shape="rect"coords="105,33,114,42" href="javascript:showColor('#663333')"onmouseover="update('#663333')">
                <area shape="rect"coords="113,33,122,42" href="javascript:showColor('#663366')"onmouseover="update('#663366')">
                <area shape="rect"coords="121,33,130,42" href="javascript:showColor('#663399')"onmouseover="update('#663399')">
                <area shape="rect"coords="129,33,138,42" href="javascript:showColor('#6633CC')"onmouseover="update('#6633CC')">
                <area shape="rect"coords="137,33,146,42" href="javascript:showColor('#6633FF')"onmouseover="update('#6633FF')">
                <area shape="rect"coords="145,33,154,42" href="javascript:showColor('#993300')"onmouseover="update('#993300')">
                <area shape="rect"coords="153,33,162,42" href="javascript:showColor('#993333')"onmouseover="update('#993333')">
                <area shape="rect"coords="161,33,170,42" href="javascript:showColor('#993366')"onmouseover="update('#993366')">
                <area shape="rect"coords="169,33,178,42" href="javascript:showColor('#993399')"onmouseover="update('#993399')">
                
                <area shape="rect"coords="177,33,186,42" href="javascript:showColor('#9933CC')"onmouseover="update('#9933CC')">
                <area shape="rect"coords="185,33,194,42" href="javascript:showColor('#9933FF')"onmouseover="update('#9933FF')">
                <area shape="rect"coords="193,33,202,42" href="javascript:showColor('#CC3300')"onmouseover="update('#CC3300')">
                <area shape="rect"coords="201,33,210,42" href="javascript:showColor('#CC3333')"onmouseover="update('#CC3333')">
                <area shape="rect"coords="209,33,218,42" href="javascript:showColor('#CC3366')"onmouseover="update('#CC3366')">
                <area shape="rect"coords="217,33,226,42" href="javascript:showColor('#CC3399')"onmouseover="update('#CC3399')">
                <area shape="rect"coords="225,33,234,42" href="javascript:showColor('#CC33CC')"onmouseover="update('#CC33CC')">
                <area shape="rect"coords="233,33,242,42" href="javascript:showColor('#CC33FF')"onmouseover="update('#CC33FF')">
                <area shape="rect"coords="241,33,250,42" href="javascript:showColor('#FF3300')"onmouseover="update('#FF3300')">
                <area shape="rect"coords="249,33,258,42" href="javascript:showColor('#FF3333')"onmouseover="update('#FF3333')">
                <area shape="rect"coords="257,33,266,42" href="javascript:showColor('#FF3366')"onmouseover="update('#FF3366')">
                <area shape="rect"coords="265,33,274,42" href="javascript:showColor('#FF3399')"onmouseover="update('#FF3399')">
                <area shape="rect"coords="273,33,282,42" href="javascript:showColor('#FF33CC')"onmouseover="update('#FF33CC')">
                <area shape="rect"coords="281,33,290,42" href="javascript:showColor('#FF33FF')"onmouseover="update('#FF33FF')">
                <area shape="rect"coords="1,41,10,50" href="javascript:showColor('#000000')"onmouseover="update('#000000')">
                <area shape="rect"coords="9,41,18,50" href="javascript:showColor('#000033')"onmouseover="update('#000033')">
                <area shape="rect"coords="17,41,26,50" href="javascript:showColor('#000066')"onmouseover="update('#000066')">
                
                <area shape="rect"coords="25,41,34,50" href="javascript:showColor('#000099')"onmouseover="update('#000099')">
                <area shape="rect"coords="33,41,42,50" href="javascript:showColor('#0000CC')"onmouseover="update('#0000CC')">
                <area shape="rect"coords="41,41,50,50" href="javascript:showColor('#0000FF')"onmouseover="update('#0000FF')">
                <area shape="rect"coords="49,41,58,50" href="javascript:showColor('#330000')"onmouseover="update('#330000')">
                <area shape="rect"coords="57,41,66,50" href="javascript:showColor('#330033')"onmouseover="update('#330033')">
                <area shape="rect"coords="65,41,74,50" href="javascript:showColor('#330066')"onmouseover="update('#330066')">
                <area shape="rect"coords="73,41,82,50" href="javascript:showColor('#330099')"onmouseover="update('#330099')">
                <area shape="rect"coords="81,41,90,50" href="javascript:showColor('#3300CC')"onmouseover="update('#3300CC')">
                <area shape="rect"coords="89,41,98,50" href="javascript:showColor('#3300FF')"onmouseover="update('#3300FF')">
                <area shape="rect"coords="97,41,106,50" href="javascript:showColor('#660000')"onmouseover="update('#660000')">
                <area shape="rect"coords="105,41,114,50" href="javascript:showColor('#660033')"onmouseover="update('#660033')">
                <area shape="rect"coords="113,41,122,50" href="javascript:showColor('#660066')"onmouseover="update('#660066')">
                <area shape="rect"coords="121,41,130,50" href="javascript:showColor('#660099')"onmouseover="update('#660099')">
                <area shape="rect"coords="129,41,138,50" href="javascript:showColor('#6600CC')"onmouseover="update('#6600CC')">
                <area shape="rect"coords="137,41,146,50" href="javascript:showColor('#6600FF')"onmouseover="update('#6600FF')">
                <area shape="rect"coords="145,41,154,50" href="javascript:showColor('#990000')"onmouseover="update('#990000')">
                <area shape="rect"coords="153,41,162,50" href="javascript:showColor('#990033')"onmouseover="update('#990033')">
                
                <area shape="rect"coords="161,41,170,50" href="javascript:showColor('#990066')"onmouseover="update('#990066')">
                <area shape="rect"coords="169,41,178,50" href="javascript:showColor('#990099')"onmouseover="update('#990099')">
                <area shape="rect"coords="177,41,186,50" href="javascript:showColor('#9900CC')"onmouseover="update('#9900CC')">
                <area shape="rect"coords="185,41,194,50" href="javascript:showColor('#9900FF')"onmouseover="update('#9900FF')">
                <area shape="rect"coords="193,41,202,50" href="javascript:showColor('#CC0000')"onmouseover="update('#CC0000')">
                <area shape="rect"coords="201,41,210,50" href="javascript:showColor('#CC0033')"onmouseover="update('#CC0033')">
                <area shape="rect"coords="209,41,218,50" href="javascript:showColor('#CC0066')"onmouseover="update('#CC0066')">
                <area shape="rect"coords="217,41,226,50" href="javascript:showColor('#CC0099')"onmouseover="update('#CC0099')">
                <area shape="rect"coords="225,41,234,50" href="javascript:showColor('#CC00CC')"onmouseover="update('#CC00CC')">
                <area shape="rect"coords="233,41,242,50" href="javascript:showColor('#CC00FF')"onmouseover="update('#CC00FF')">
                <area shape="rect"coords="241,41,250,50" href="javascript:showColor('#FF0000')"onmouseover="update('#FF0000')">
                <area shape="rect"coords="249,41,258,50" href="javascript:showColor('#FF0033')"onmouseover="update('#FF0033')">
                <area shape="rect"coords="257,41,266,50" href="javascript:showColor('#FF0066')"onmouseover="update('#FF0066')">
                <area shape="rect"coords="265,41,274,50" href="javascript:showColor('#FF0099')"onmouseover="update('#FF0099')">
                <area shape="rect"coords="273,41,282,50" href="javascript:showColor('#FF00CC')"onmouseover="update('#FF00CC')">
                <area shape="rect"coords="281,41,290,50" href="javascript:showColor('#FF00FF')"onmouseover="update('#FF00FF')">
                </map> 
                
                <table><tr>
                <td rowspan="3"><img src="colors.png" alt="COLOR TABLE" width="290" height="49" border="0" usemap="#colmap" name="mainheadingcolortable" id="maincolortable" onclick= "showcolor(this);"/></td>
                </tr>
                <tr>
                <td rowspan="5" class="INPUTLABELS">FONT COLOR</td>
                <td><input name="main" type="text" size="9" />
                <input name="color" type="text"  size="3" readonly="true" /></td>
                
                <input id="colorchip0" type="text" readonly="true"><input id="outline_0" type="text" readonly="true"><br>
                <input id="colorchip1" type="text" readonly="true"><input id="outline_1" type="text" readonly="true"><br>
                <input id="colorchip2" type="text" readonly="true"><input id="outline_2" type="text" readonly="true"><br>
                <input id="colorchip3" type="text" readonly="true"><input id="outline_3" type="text" readonly="true"><br>
                <input id="colorchip4" type="text" readonly="true"><input id="outline_4" type="text" readonly="true"><br>
                <input id="colorchip5" type="text" readonly="true"><input id="outline_5" type="text" readonly="true"><br>
                <input id="colorchip6" type="text" readonly="true"><input id="outline_6" type="text" readonly="true"><br>
                <input id="colorchip7" type="text" readonly="true"><input id="outline_7" type="text" readonly="true"><br>
                
                <input id="colorchip8" type="text" readonly="true"><input id="outline_8" type="text" readonly="true"><br>
                <input id="colorchip9" type="text" readonly="true"><input id="outline_9" type="text" readonly="true"><br>
                <input id="colorchip10" type="text" readonly="true"><input id="outline_10" type="text" readonly="true"><br>
                <input id="colorchip11" type="text" readonly="true"><input id="outline_11" type="text" readonly="true"><br>
                <input id="colorchip12" type="text" readonly="true"><input id="outline_12" type="text" readonly="true"><br>
                <input id="colorchip13" type="text" readonly="true"><input id="outline_13" type="text" readonly="true"><br>
                <input id="colorchip14" type="text" readonly="true"><input id="outline_14" type="text" readonly="true"><br>
                <input id="colorchip15" type="text" readonly="true"><input id="outline_15" type="text" readonly="true"><br>
                <input id="colorchip16" type="text" readonly="true"><input id="outline_16" type="text" readonly="true"><br>
                <input id="colorchip17" type="text" readonly="true"><input id="outline_17" type="text" readonly="true"><br>
                <input id="colorchip18" type="text" readonly="true"><input id="outline_18" type="text" readonly="true"><br>
                <input id="colorchip19" type="text" readonly="true"><input id="outline_19" type="text" readonly="true"><br>
                background<input id="background" type="text" readonly="true">

                Comment


                • #9
                  this is great guys let me work with this and see what i can get.
                  how would i go about getting to firebug is it simliar to w3 html validator?
                  thanks a mill.

                  Comment


                  • #10
                    follow up on script

                    i tried it and it works great but how do i assign what color table goes to what text box and assuming since they are numbers 1-19 they would go in that order but the seem not to any ideas. and in one sets of text boxes i dont want the background to show up because the visitor will not be able to read the hexval that got placed in there, i tried by removing the word background but then it does not work at all any ideas

                    Comment


                    • #11
                      Originally posted by howardfan123 View Post
                      i tried it and it works great but how do i assign what color table goes to what text box and assuming since they are numbers 1-19 they would go in that order but the seem not to any ideas. and in one sets of text boxes i dont want the background to show up because the visitor will not be able to read the hexval that got placed in there, i tried by removing the word background but then it does not work at all any ideas
                      I have a script working.
                      I made it all colors though and I'm still tweaking it
                      here's a link
                      click in a BG column to grab a color for the border column. Or the last picked color is the active border color
                      http://h1.ripway.com/stirfry/javascr...lorpicker.html

                      I got side tracked this morning when I decide to create a script to make gradient BGs for elements that you can save and use.here's the script
                      http://h1.ripway.com/stirfry/javascr...ivCreator.html

                      http://h1.ripway.com/stirfry/javascr...utputDiv4.html
                      and here's an output page i saved by viewing selection source with firefox.
                      it's not on the page source, but you can select and save the output for use later

                      all of this was a result of making this script which I plan to integrate into this tool for page creating. I have a script to add hyper text also.
                      http://h1.ripway.com/stirfry/javascr...orNewTest.html

                      When you want to start a new div, you click the buttons for filled or empty and then hit the begin button. Your next mouse down will begin the div and your mouse up will end. Drag tov to size the driv you want to draw.
                      I'm going to make it so you can just input numbers too.
                      Last edited by TinyScript; Apr 16, 2009, 10:44 PM.

                      Comment


                      • #12
                        dont know where i am going wrong

                        looks great
                        can some take a look at what ive done and see where i went wrong
                        here is a link to get to it
                        www.allyscandle.com/mainheading.html

                        i am have a trouble with the colorpick box linking to the right text box
                        i am lost please some help

                        Comment

                        Working...
                        X