|
-
Aug 9th, 2002, 03:58 AM
#1
Thread Starter
PowerPoster
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
#2
PowerPoster
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
#3
New Member
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>
<!--
.popshadow{
position:relative;
left:-5;
top:-5;
filter:shadow(silver,direction=135)
}
-->
</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)!
Any Problem made by man is solved by man.
-
Aug 12th, 2002, 08:37 PM
#4
Thread Starter
PowerPoster
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
#5
PowerPoster
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
#6
Thread Starter
PowerPoster
thanks chris thats a lot of code 
And i dont know javascript very well???
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|
Reply With Quote