Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


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

Posted on 2004-10-28
Medium Priority
Last Modified: 2008-03-10

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.

Question by:arunatata
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 18

Expert Comment

ID: 12440362
Sounds like a simple javascript and an html image map...

Accepted Solution

sprisoner earned 2000 total points
ID: 12441886
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.

<MAP name="map1">
 <AREA href="rectA.asp"
          alt="details of rectA"
 <AREA href="rectB.asp"
          alt="details of rectB"
 <AREA href="circleA.asp"
          alt="details of circleA"
 <AREA href="top10.asp"
          alt="Top Ten"


Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Hello, all! I just recently started using Microsoft's IIS 7.5 within Windows 7, as I just downloaded and installed the 90 day trial of Windows 7. (Got to love Microsoft for allowing 90 days) The main reason for downloading and testing Windows 7 is t…
I would like to start this tip/trick by saying Thank You, to all who said that this could not be done, as it forced me to make sure that it could be accomplished. :) To start, I want to make sure everyone understands the importance of utilizing p…
In this video, Percona Director of Solution Engineering Jon Tobin discusses the function and features of Percona Server for MongoDB. How Percona can help Percona can help you determine if Percona Server for MongoDB is the right solution for …
In this video, Percona Solutions Engineer Barrett Chambers discusses some of the basic syntax differences between MySQL and MongoDB. To learn more check out our webinar on MongoDB administration for MySQL DBA: https://www.percona.com/resources/we…

609 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question