Wussy question
2005-06-28 01:49:55.227825+00 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 13:00:54.642424+00 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 14:08:32.187929+00 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 14:21:28.97656+00 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 20:48:21.536595+00 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 05:31:10.160361+00 by:
Hanan Cohen
How about seeing how flickr is doing notes?
#Comment Re: made: 2005-06-29 14:21:07.871523+00 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.