how to make google-style floating bubbles?

[lghtslpr]

I have an imagemap with several hotspots, and I want a Google
Maps-style "floating bubble" to appear when a hotspot is clicked. The
bubble would contain some text, a picture, and a close button. I
understand that this is generally done with a div positioned at the
right place and you make it appear and disappear by controlling its
"display" property. But some of the details are unclear to me. How is
the close button handled? What about the wedge-shape that achors the
bubble at the clicked point? Is there an example of this anywhere?

Thanks.

[David Dorward]

lg******@gmail.com wrote:

I have an imagemap with several hotspots, and I want a Google
Maps-style "floating bubble" to appear when a hotspot is clicked. The
bubble would contain some text, a picture, and a close button. I
understand that this is generally done with a div positioned at the
right place and you make it appear and disappear by controlling its
"display" property. But some of the details are unclear to me. How is
the close button handled?

onclick="this.parentNode.etc.etc.style.display = 'none'"; (or a removeChild
to zap it entirely)

What about the wedge-shape that achors the
bubble at the clicked point?

http://www.google.com/intl/en_ALL/mapfiles/iw_tap.png
--
David Dorward <http://blog.dorward.me.uk/ <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Andy Mabbett]

In message <e8*******************@news.demon.co.uk>, David Dorward
<do*****@yahoo.comwrites

>onclick="this.parentNode.etc.etc.style.display = 'none'"; (or a
removeChild to zap it entirely)

Bearing in mind that not all users will see such Javascript- produced
messages.
--
Andy Mabbett
Say "NO!" to compulsory ID Cards: <http://www.no2id.net/>

Free Our Data: <http://www.freeourdata.org.uk>