Learn how to a build a cloud-first strategyRegister Now


Make symbols on a map 2-way

Posted on 2005-05-09
Medium Priority
Last Modified: 2010-04-06
I have a map with about 20 areas that have been numbered.  I am currently using coordinates to define the areas on the map, which when clicked on take the viewer to the text description for the item of interest.  So normal setup!

I would like to have an index with the 20 areas and titles next to the map where I could click on an index item and have either the number or an arrow or something else light up on the map to show where that location can be found.

Can this be done and how easily?  Would rather not have to load up a different image as that would mean preparing 21 maps ( 1 normal and 20 with one box lit)
Question by:d_a_h
  • 2
LVL 13

Accepted Solution

softplus earned 1500 total points
ID: 13960474
You could position the arrows using CSS/DHTML/DIV tags, something like here:

Just load the map in back, use a div-tag (postition dynamically placed by the server) to position the arrow image. Done :)

Author Comment

ID: 13966420

Will get back to you when I have plucked up the courage to try all these new things!  I had an inkling that I would have to go down this route, but was secretly hoping that there might have been an HTML way of doing it.  Oh well .....  guess that I need to increase my basic web language knowledge.

before I start, do DIVs etc work with includes?

Author Comment

ID: 14377944
Have not replied as trying to get more information as the answer was technicaly correct, though more information would have been nice.  Will close it Grade B

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Most of the sites are being standardized with W3C Web Standards. W3C provides lot of web standard services to the web. They have the web specification, process and documentation for all the web standards. You can apply HTML, CSS and Accessibility st…
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

810 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