The following is my code.
<html>
<head>
<script type="text/javascript">
function getColor1() { alert("hai");
var img = document.createElement("img");
img.src = "http://www.digimantra.com/blog/wp-content/uploads/2009/06/palette.gif";
//img.height = 75;
//img.width = 113;
//img.style.top=800;
//img.style.right=100;
document.body.appendChild(img);
getColor();
}
function getColor(block)
{alert("hai1");
var s_url=block.href;
var pColor=s_url.substr(s_url.indexOf("#"));
document.getElementById("colorPalDemo").style.fontColor=pColor;
//getColor1();
}
</script>
</head>
<body>
<img src="img/supst.png" usemap="#color_pallete" onClick="getColor1();" />
<map name="color_pallete" id="color_pallete">
<area shape="rect" coords="7,7,31,30" href="#FF0000" onclick="getColor(this);" />
<area shape="rect" coords="35,7,59,30" href="#00FF00" onclick="getColor(this);" />
<area shape="rect" coords="63,7,87,31" href="#0000FF" onclick="getColor(this);" />
<area shape="rect" coords="92,7,115,31" href="#8B008B" onclick="getColor(this);" />
<area shape="rect" coords="7,33,30,58" href="#00FFFF" onclick="getColor(this);"/>
<area shape="rect" coords="36,34,59,57" href="#006400" onclick="getColor(this);" />
<area shape="rect" coords="63,34,86,58" href="#6B8E23" onclick="getColor(this);" />
<area shape="rect" coords="92,35,115,57" href="#00FF7F" onclick="getColor(this);" />
<area shape="rect" coords="8,61,31,85" href="#32CD32" onclick="getColor(this);" />
<area shape="rect" coords="35,62,59,85" href="#7FFFD4" onclick="getColor(this);" />
<area shape="rect" coords="64,61,86,85" href="#7FFF00" onclick="getColor(this);" />
<area shape="rect" coords="92,61,115,85" href="#008B8B" onclick="getColor(this);" />
<area shape="rect" coords="91,88,115,111" href="#9932CC" onclick="getColor(this);" />
<area shape="rect" coords="64,88,87,111" href="#00BFFF" onclick="getColor(this);" />
<area shape="rect" coords="36,88,59,112" href="#1E90FF" onclick="getColor(this);" />
<area shape="rect" coords="8,88,30,111" href="#FF4500" onclick="getColor(this);" />
</map>
<span id="colorPalDemo"></span>
</body>
</html>
It doesn’t works. I don’t know why. Please anyone tell me what i am doing wrong.