Creating a clickable image map to refer to different asp pages based on area clicked on

Hi,

I am trying to create a map in HTML/ASP that will be representative of the layout of an engineering lab. There are different sections in the map (Represented by rectangles and circles) that refer to different sets/equipment in the lab. I want to design this map so that whenever my user clicks on one particular equipment in the lab, it shows him the status of that equipment. How can I create the map itself and how can I specify which area should lead to what status?

Hope the example below makes this question clearer

Map Layout is:

Rect A                                      RectB RectC


                   CircleD                              CircleE                          RectF

When the user clicks on RectA he should get the status for RectA. When he clicks on CircleD, it should show him the status for CircleD etc etc.

Please help.

arunatataAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

mgfranzCommented:
Sounds like a simple javascript and an html image map...
0
sprisonerCommented:
Hi arunatata,

check this out:
   OBJECT data = "your image file"
    and make sure usemap = "value" is followed by # and this value is same as the name of MAP tag.
    should work. set the co-ordinates appropriate. That's hit n trial method. Else u can get softwares on net to help u check co-ordinates of a map.

<P><OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
   <P>This is a navigation bar.
   </OBJECT>

<MAP name="map1">
 <AREA href="rectA.asp"
          alt="details of rectA"
          shape="rect"
          coords="0,0,118,28">
 <AREA href="rectB.asp"
          alt="details of rectB"
          shape="rect"
          coords="184,0,276,28">
 <AREA href="circleA.asp"
          alt="details of circleA"
          shape="circle"
          coords="184,200,60">
 <AREA href="top10.asp"
          alt="Top Ten"
          shape="poly"
          coords="276,0,276,28,100,200,50,50,276,0">
</MAP>

Regards,
Nash
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.