need help on image map

Yaqian · Apr 16, 2005

Hello, I want to highlight the clicked area on an image by placing another image
on it. But it replaced the whole image, not the clicked area. My code is as
following, can anyone please help me? Thank you!!!!

<head>
<script language="JavaScript" type="text/javascript">
function changeImagemap(newImage) {
if (js > 1.0) document ['plan'].src = eval(newImage + ".src");
}
</script>
<MAP NAME="MyMap">
<AREA SHAPE="rect" COORDS="216,358,237,378" alt="West Right 5"
onClick="changeImagemap('selected');self.status='selected';return true" >
<AREA SHAPE="rect" COORDS="216,378,237,398" alt="West Right 4">
<AREA SHAPE="rect" COORDS="216,399,237,419" alt="West Right 3">
<AREA SHAPE="rect" COORDS="216,419,237,439" alt="West Right 2">
<AREA SHAPE="rect" COORDS="216,439,237,459" alt="West Right 1">
<AREA SHAPE="rect" COORDS="270,491,291,511" alt="South Left 1">
<AREA SHAPE="rect" COORDS="289,494,310,514" alt="South Left 2">
<AREA SHAPE="rect" COORDS="310,495,331,515" alt="South Left 3">
<AREA SHAPE="rect" COORDS="330,495,351,515" alt="South Left 4">
<AREA SHAPE="rect" COORDS="349,494,371,515" alt="South Left 5">
<AREA SHAPE="rect" COORDS="369,495,390,515" alt="South Left 6">
<AREA SHAPE="rect" COORDS="390,495,411,515" alt="South Left 7">
</MAP>
</head>

<body>
<p>img name="plan" USEMAP="#MyMap" ismap border="0" src="Plan.jpg" width="837"
height="694"></p>

Jay · Apr 17, 2005

Yaqian said:
Hello, I want to highlight the clicked area on an image by placing another
image
on it. But it replaced the whole image, not the clicked area. My code is
as
following, can anyone please help me? Thank you!!!!

It replaced one image because you only have one image.
You cannot disect an image - on the fly - with a browser.

Jay

<head>
<script language="JavaScript" type="text/javascript">
function changeImagemap(newImage) {
if (js > 1.0) document ['plan'].src = eval(newImage + ".src");
}
</script>
<MAP NAME="MyMap">
<AREA SHAPE="rect" COORDS="216,358,237,378" alt="West Right 5"
onClick="changeImagemap('selected');self.status='selected';return true" >
<AREA SHAPE="rect" COORDS="216,378,237,398" alt="West Right 4">
<AREA SHAPE="rect" COORDS="216,399,237,419" alt="West Right 3">
<AREA SHAPE="rect" COORDS="216,419,237,439" alt="West Right 2">
<AREA SHAPE="rect" COORDS="216,439,237,459" alt="West Right 1">
<AREA SHAPE="rect" COORDS="270,491,291,511" alt="South Left 1">
<AREA SHAPE="rect" COORDS="289,494,310,514" alt="South Left 2">
<AREA SHAPE="rect" COORDS="310,495,331,515" alt="South Left 3">
<AREA SHAPE="rect" COORDS="330,495,351,515" alt="South Left 4">
<AREA SHAPE="rect" COORDS="349,494,371,515" alt="South Left 5">
<AREA SHAPE="rect" COORDS="369,495,390,515" alt="South Left 6">
<AREA SHAPE="rect" COORDS="390,495,411,515" alt="South Left 7">
</MAP>
</head>

<body>
<p>img name="plan" USEMAP="#MyMap" ismap border="0" src="Plan.jpg"
width="837"
height="694"></p>

PDannyD · Apr 17, 2005

Yaqian said:
Hello, I want to highlight the clicked area on an image by placing another
image
on it. But it replaced the whole image, not the clicked area. My code is
as following, can anyone please help me? Thank you!!!!

Try making the image map from a completely transparent image (GIF), layer
under it the actual image you want to use then slide in the higlighting
image between the two layers.

Would that work? I haven't tried it myself.

need help on highlighting image map area	1	Apr 16, 2005
onmouseover javascript for image map areas	4	Dec 21, 2006
image map, javascript	9	Jun 19, 2009
Image map not working in FireFox	5	Jun 13, 2007
Need debugger to help me	8	Apr 1, 2005
Coding problem	13	Aug 22, 2013
image map in new window	0	Dec 6, 2006
onClick not firing for an ImageMap Area	6	Jun 4, 2008

need help on image map

Yaqian

Jay

PDannyD

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads