How to tie events to different parts of an image? 1

[royboy75]

Hello,

I'm not sure if this is the right forumj for that but I'll try...
I have a requirement for our website to embed an image of the globe and when the user hovers on each country he gets some data related to this country pulled out from a DB.
Suppose I already know how to pull the data, I just don't know how to implement an image that can respond to the user's mouse movements, meaning how to embed events inside the image? Any ideas where to start from?

 

[BabyJeffy]

Client side image map! That's the trick!

Cheers,
Jeff


[tt]Jeff's Page [!]@[/!] Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[royboy75]

Hi Jeff,

Sounds Chinese to me, can you guide me through here please?

 

[royboy75]

I've done some googleing and I see what you mean.
Which Javascript event I can tie to the <area> tag?

 

[BabyJeffy]

I think you can use the search facility here, the FAQs here... and of course the larger search engines like Google to help yourself. Do a search for: Client side image map

Cheers,
Jeff


[tt]Jeff's Page [!]@[/!] Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[BabyJeffy]

Hmmm... well depending on how you set up your code, you could use the mouseout and mouseover events... one hiding, one showing. Of course you could put the mouseout on the img and have the mouseover on the anchors.

Cheers,
Jeff


[tt]Jeff's Page [!]@[/!] Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[royboy75]

Got it and found a really nice tool to do the job called mapedit. Thanks a lot!

 

[feherke]

Hi

Got it and found a really nice tool to do the job called mapedit.

The one from Boutell ? I used it some time ago, but honestly, I did not liked it. Later I found the GIMP Imagemap plug-in. Of course, for GIMP.

Feherke.

http://rootshell.be/~feherke/

 

[NateBro]

MS FrontPage 2003 also has an Image Map editor built in