473,320 Members | 1,939 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 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 1937
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

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

Similar topics

9
by: Raj | last post by:
Hello Members, I wrote a program to convert a greyscale bitmap image in to monochrome bitmap image, a simple thresholding. Input:Greyscale image; Expected Output:Monochrome image Pseudocode:...
7
by: Nilesh | last post by:
I am using background-image attribute in a CSS file and linking the CSS file to aspx page. But strangly, background-image attribute is not working for relative URL. e.g. If I apply following css...
0
by: Chris Ericoli | last post by:
Hi, I am working with an 'in session' ado dataset with an asp.net application. My dataset is comprised of two tables, one of which maintains a few calculated datacolumns. For some reason these...
1
by: rengaraj | last post by:
JBoss version:4.0.4 Hibernate version:3.2 Database:Oracle10g Hi. I am facing an entity mapping problem. I have an Oracle stored function which takes as a parameter an Oracle array and returns a...
1
by: shrik | last post by:
hi everybody. I have following problem. There are two pages. index.jsp and main.jsp in my application Index.jsp contains logging interface in . It submits password and userid to loginform bean. ...
1
by: sbettadpur | last post by:
hi, here i am facing some problem regarding the page refresh below i am sending my code please go through... in that i am including head.php, content.php, foot.php files into a single file...
1
by: neovantage | last post by:
Hey all, I am using a PHP script which creates headings at run time in a sense at page execution. I am stuck a with a very little problem which i am sure i will have the solution from experts. ...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.