IMages and the MAP/AREA tags

Printable View

Aug 9th, 2002, 03:58 AM
Beacon

IMages and the MAP/AREA tags

Hi all,

Using the MAP and AREA tags i need to display where a person/s is on the global map.
So a user can click prefferably an image(like a drawing pin) and it displays a page saying Joe Bloe is in Nova Scotia etc etc.

The problem i have is using the AREA tags i cant get it to display an image it will only change the mouse pointer when you over a clickable location.
So what i need is a way to:
On a map of the world display images on top of that map and have them clickable.

hope it makes sense
thanks for any help!!
b :)
Aug 9th, 2002, 09:26 AM
chrisjk

Perhaps I'm not understanding, but why should the fact only the pointer changes be a problem?

If you only put pins into the locations you want clickable, you can see where to click
Aug 10th, 2002, 07:13 AM
Abou_ghazi

as i understand that u wanna make the glope (the country) which the user clicks appears to be clicked...
if iam right then try this:
____________________________________________________
add this cod into the <body> tag.

<style>

</style>

<script language="JavaScript1.2">

/*
Pop-up Image Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
}
}
}

if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}

</script>
____________________________________________________
Giving an image a pop-up effect: To add the pop up effect to an image, just add the below line of code into the <img> tag in question:

class="popshadow"

For example:

<img src="yourimage.gif" class="popshadow">

Prepare the see your image pop up (in IE 4.0+ only, of course)!
Aug 12th, 2002, 08:37 PM
Beacon

Nah i want a way for an image to float on top of the map.

Now i know i can just position it on the image but in GIS you can make polygons and give them a name. For example London.

Then i can make a image's location = London and it sits above london.
How can i do this??

Hope it makes sense.
thanks
b :)
Aug 12th, 2002, 08:48 PM
chrisjk

I see

You'll need some pretty funky code to do that. Take a look at the source of this page, see if you can see what's going on ;)
Aug 12th, 2002, 09:11 PM
Beacon

thanks chris thats a lot of code :(
And i dont know javascript very well???