Flutterby™! : Wussy question

Next unread comment / Catchup all unread comments User Account Info | Logout | XML/Pilot/etc versions | Long version (with comments) | Weblog archives | Site Map | | Browse Topics

Wussy question

2005-06-28 03:49:55.227825+02 by Dan Lyke 6 comments

I'm heads down in work and could figure this out for myself, but getting it right cross-platform and all would suck, so... What I want is a little JavaScript to let me put several rollover hot-spots on an image, each of which displays a <div ... at that location. Specifically, if I've got a map with hotspots, I'd like to be able to rollover those and display alittle thumbnail with a description and some links. Should be easy, although I know that there are some cross-browser positioning issues, and I'm too far in to C++ and scene graphs right now to want to spend the hours it'd take to get it right.

[ related topics: Web development Maps and Mapping ]

comments in ascending chronological order (reverse):

#Comment Re: made: 2005-06-28 15:00:54.642424+02 by: meuon

I found lots of examples to get started on.. Lots of bad example Javascript out on the web.

#Comment Re: made: 2005-06-28 16:08:32.187929+02 by: Dan Lyke

Yeah, 'zactly. Lots of "almost". And I don't think even the JavaScript book tackled this directly. I think the right thing to do is <div ...>s with absolute positions, toggling the appropriate "hidden" attribute with the JavaScript, but... maybe if this week goes well I'll get a chance to diddle with that stuff later.

#Comment Re: made: 2005-06-28 16:21:28.97656+02 by: meuon

I may try later.. I'm creating PDF's in PHP right now, Wednesday is meetings.. Thursday is a patient records conversion at Erlanger..(lots of DB2 Sql Dumps) etc.. etc..

#Comment Re: made: 2005-06-28 22:48:21.536595+02 by: Dori

Which edition of the book do you have? The code's not pretty, but I think that this one more-or-less does what you want. In this case, it's an image map, not separate divs, though.

If that isn't what you want, holler.

#Comment Re: made: 2005-06-29 07:31:10.160361+02 by: Hanan Cohen

How about seeing how flickr is doing notes?

#Comment Re: made: 2005-06-29 16:21:07.871523+02 by: Dan Lyke

I've never thought about Flickr because I don't ever seem to be running a browser in which it works. But here's a rough first pass at what I was thinking of.

Comment policy

We will not edit your comments. However, we may delete your comments, or cause them to be hidden behind another link, if we feel they detract from the conversation. Commercial plugs are fine, if they are relevant to the conversation, and if you don't try to pretend to be a consumer. Annoying endorsements will be deleted if you're lucky, if you're not a whole bunch of people smarter and more articulate than you will ridicule you, and we will leave such ridicule in place.


Flutterby™ is a trademark claimed by

Dan Lyke
for the web publications at www.flutterby.com and www.flutterby.net.