471,624 Members | 1,794 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,624 software developers and data experts.

Problem facing in image mapping

Hi,

I want to have a image which has 4 people in it and i wnat that it should have image mapping. and when a particulat person is clicked upon in that image it should open a corresponding person HTML file in the new window .

for that i used a software to create a image cordinates mapped to the corresponding person whcih i had saved in the same local folder .

But now eben when we click any person nothing is happening in response

Here is teh code
[html]
<html>
<head>
<title>HOME</title>
</head>
<body >
<center ><H3 align="top">HOME</H3></center>

<!--<a href="Home.html"onClick="window.open('Home.txt','m ywindow','width=140,height=150')">-->
<a href="Home.html"
<img src="familymembers.gif" width="200" height="300"usemap="#map1" >
</a>

<MAP NAME="map1">
<AREA SHAPE="POLY" COORDS="0,192,62,68" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="64,71,118,218" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="30,220,121,223" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="1,196,28,224" HREF="C:\Documents and Settings\a\Desktop\My family\Jane.htm" TITLE="Jane">
<AREA SHAPE="POLY" COORDS="67,71,87,27" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="86,23,109,35" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="110,37,149,18" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="149,21,137,99" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="137,99,109,191" HREF="C:\Documents and Settings\a\Desktop\My family\John.htm" TITLE="John">
<AREA SHAPE="POLY" COORDS="143,91,166,77" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="167,79,188,93" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="189,95,183,121" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="184,123,245,227" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="141,92,111,183" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="110,188,121,221" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="123,222,244,227" HREF="C:\Documents and Settings\a\Desktop\My family\Rita.htm" TITLE="Rita">
<AREA SHAPE="POLY" COORDS="194,94,190,55" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="191,53,221,42" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="222,41,233,80" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="234,79,286,94" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="285,95,247,235" HREF="C:\Documents and Settings\a\Desktop\My family\Robin.htm" TITLE="Robin">
</MAP>



</body>
</html>
[/html]
In this I want this image mapping for the familymembers.gif image only and has linked their files as Jane,John,Rita and Robin which reside in same folder

Please help
Sep 20 '07 #1
3 1784
Emmi
12
Well first thing I see without doing anything else is you have the link commented out (<!-- -->)You also haven't closed the other <a href> with a closing > and a </a>

<!--<a href="Home.html"onClick="window.open('Home.txt','m ywindow','width=140,heigh t=150')">-->
<a href="Home.html"
Sep 20 '07 #2
Death Slaught
1,137 1GB
Hi,

I want to have a image which has 4 people in it and i wnat that it should have image mapping. and when a particulat person is clicked upon in that image it should open a corresponding person HTML file in the new window .

for that i used a software to create a image cordinates mapped to the corresponding person whcih i had saved in the same local folder .

But now eben when we click any person nothing is happening in response

Here is teh code

[HTML]<html>
<head>
<title>HOME</title>
</head>
<body >
<center ><H3 align="top">HOME</H3></center>

<!--<a href="Home.html"onClick="window.open('Home.txt','m ywindow','width=140,height=150')">-->
<a href="Home.html"
<img src="familymembers.gif" width="200" height="300"usemap="#map1" >
</a>

<MAP NAME="map1">
<AREA SHAPE="POLY" COORDS="0,192,62,68" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="64,71,118,218" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="30,220,121,223" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="1,196,28,224" HREF="C:\Documents and Settings\a\Desktop\My family\Jane.htm" TITLE="Jane">
<AREA SHAPE="POLY" COORDS="67,71,87,27" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="86,23,109,35" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="110,37,149,18" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="149,21,137,99" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="137,99,109,191" HREF="C:\Documents and Settings\a\Desktop\My family\John.htm" TITLE="John">
<AREA SHAPE="POLY" COORDS="143,91,166,77" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="167,79,188,93" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="189,95,183,121" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="184,123,245,227" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="141,92,111,183" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="110,188,121,221" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="123,222,244,227" HREF="C:\Documents and Settings\a\Desktop\My family\Rita.htm" TITLE="Rita">
<AREA SHAPE="POLY" COORDS="194,94,190,55" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="191,53,221,42" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="222,41,233,80" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="234,79,286,94" HREF="" TITLE="">
<AREA SHAPE="POLY" COORDS="285,95,247,235" HREF="C:\Documents and Settings\a\Desktop\My family\Robin.htm" TITLE="Robin">
</MAP>



</body>
</html>[/HTML]
In this I want this image mapping for the familymembers.gif image only and has linked their files as Jane,John,Rita and Robin which reside in same folder

Please help
Sup anthriksh2000, Please use proper code tags ( see posting guidlines ).

As Emmi pointed out you have your link as a comment, and you didn't close that links tag ( [HTML]"</a>" [/HTML] ), and I I noticed that you had on "onclick" attibute in it, the problem there is you didn't give it a picture or text to click.

And on your link below that ( Emmi pointed this out to ) you didn't close your start tag.

So long story short you need to change it to this:

[HTML]<a href="Home.html"onClick="window.open('Home.txt','m ywindow','width=140,height=150')">
Text you wan't to appear.
</a>
<a href="Home.html">
<img src="familymembers.gif" width="200" height="300"usemap="#map1" >
</a>[/HTML]

Hope it helps, Death
Sep 20 '07 #3
Death Slaught
1,137 1GB
Well first thing I see without doing anything else is you have the link commented out (<!-- -->)You also haven't closed the other <a href> with a closing > and a </a>

<!--<a href="Home.html"onClick="window.open('Home.txt','m ywindow','width=140,heigh t=150')">-->
<a href="Home.html"
Sup Emmi, Please use proper code tags when posting ( see posting guidelines ).

- Death
Sep 20 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

reply views Thread by Chris Ericoli | last post: by
1 post views Thread by shrik | last post: by
1 post views Thread by sbettadpur | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
1 post views Thread by ZEDKYRIE | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.