Make symbols on a map 2-way

Posted on 2005-05-09
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
    LVL 13

    Accepted Solution

    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 :)
    LVL 4

    Author Comment


    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?
    LVL 4

    Author Comment

    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

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
    Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL ( several years ago, it seemed like now was a good time to updat…
    Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    760 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

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now