Forum Moderators: open

Message Too Old, No Replies

How to give Tooltip to Image or Text

         

vaidehiphansalkar

11:39 am on Aug 19, 2006 (gmt 0)

10+ Year Member



I have an world map image on which I want to Locate some areas by a pointer, how to do that? Is java scripting required for that.

Thanks
Dipali

opifex

3:14 am on Aug 20, 2006 (gmt 0)

10+ Year Member



just add hotspots with an alt text

vaidehiphansalkar

4:31 am on Aug 21, 2006 (gmt 0)

10+ Year Member



How to add hotspots with an alt text? will it be possible in front page or Dreamweaver

Dipali

opifex

10:24 pm on Aug 22, 2006 (gmt 0)

10+ Year Member



have to admit that I use a very old version of Dreamweaver .... but can draw my hotspots directly on the images ... check your tutorial

penders

4:48 pm on Aug 25, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hotspots are also called image maps, and in HTML you could do something like...

<img src="worldmap.jpg" alt="Worldmap" title="Map of the World" usemap="#world"> 

<map name="world">
<area href="uk.html" alt="United Kingdom" title="United Kingdom" shape="poly" coords="150,217,190,257,150,297,110,257">
<area href="us.html" alt="United States" title="United States" shape="poly" coords="10,20,100,20,120,100,5,110">
More areas for each country...
</map>

I think you'll need the title attribute, rather than just the alt text to display popups cross-browser (ie. in Firefox)

The coords are the pixel coordinates on your world map image. Using shape="poly" you can have complex multi-sided shapes, as you'd probably need for countries on a map. Other possibilities for shape are "circle" and "rect".

I guess this is what Dreamweaver will do, but will just make it easier to mark out the areas (coords).

g1smd

10:14 am on Aug 27, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The alt text only pops up in IE - and that is a bug.

You need the title attribute for this instead.