Click to See Complete Forum and Search --> : Possible using DHTML?


weedallc
08-25-2003, 03:23 PM
Hello, I am going to begin making an interactive map which will display a dot or icon in a certain position or location when you click a link.

Basically what it is:
I have many locations of buildings etc. listed as links. When a link (location name) is clicked, a dot or icon should appear on a map on the location of that building or whatever.

I found that the MAP and AREA tags are useful for clicking within the map to direct the browser to a webpage that correlates to that building/location. But would also like this dynamic introduction of images, so that the map is not horribly cluttered initially.

Is DHTML a good option for this? If so, can you direct me to any tutorials (which I have tried to find with not very good luck) that would be appreciated.

Thanks in advance.

David Harrison
08-25-2003, 04:05 PM
You can use this script to move an image of a dot over the co-ordinates that you want:

weedallc
08-26-2003, 09:04 AM
This is definitely almost what I want. However, I am not familiar enough with JavaScript. Is it possible to add multiple dots, instead of just moving it?

David Harrison
08-26-2003, 04:38 PM
OK, with this script there is a series of links, all with an individual id, I recommend you use the location for this id.
There are also a series of dots that you can position where you want on the page. They too have an id which should be the link of the corresponding link+"dot".

In other worlds if the id of the link is "manchester" then the id of the dot should be "manchesterdot".

Also there is a function in the head section than hides all of the dots, you will have to change this function accordingly, you should know how to do this when you see it.