Fog Creek Software
Discussion Board




javascript mouseover popups

I know there's a way to pop up a div with all sorts of creamy HTML and images in it when you mouse over a page element using javascript, but I haven't been able to locate a decent tut.  Anybody?

muppet from forums.madebymonkeys.net
Sunday, July 11, 2004

Dear Muppet (from madebymonkeys.net),

Please do not do this.

Sincerely,
Everyone who uses a web browser


Sunday, July 11, 2004

ha

I'm not talking about popping stuff up when a page loads, I'm talking about popping up a small box of context-sensitive info when a user mouse-overs a highlighted term.  I'm not looking to go nuts with it, either.

muppet from forums.madebymonkeys.net
Sunday, July 11, 2004

If you promise to use it only for good and never for evil, I suggest overlib (google "overlib", 1st result).  It's free to use, and if it doesn't do quite what you want it should at least be a good starting point.


Sunday, July 11, 2004

Neat.  Thanks.

There are a few places where it's useful.  Online supermarket fliers being an example.  The local supermarket uses them, and I think it's a great application.

I want it as an alternative for distracting "sidebars" on articles.

muppet from forums.madebymonkeys.net
Sunday, July 11, 2004

I found this site a long time ago, and it has some decent stuff:

http://www.dhtmlcentral.com

including a script that does exactly what you are saying.  If I'm understanding you correctly, you would be looking for this:
http://www.dhtmlcentral.com/script/script.asp?id=7

Clay Whipkey
Sunday, July 11, 2004

Actually you can do something like this (a dropdown/floating mouseover menu thing) using good semantically marked-up XHTML lists and the CSS hover pseudo-class-thingy. It needs a small javascript include in the case of IE, which (erroneously) doesn't like :hover used on things other than anchor tags, but it's still pretty neat, and should degrade gracefully for those without javascript, and screen readers etc.

http://www.alistapart.com/articles/horizdropdowns/

matt
Sunday, July 11, 2004

thanks matt!

muppet from forums.madebymonkeys.net
Sunday, July 11, 2004

And now that the subject has been broached...
Take a look at http://www.telastra.net/Overview.html for a list of images that are 'tagged' with these kinds of popups as a way to annotate the image or mark up the map.

I'm the developer half of the team, and I haven't learned enough yet to be able to get this cross-browser, so it's only Internet Explorer for now.

Ron Porter
Monday, July 12, 2004

I'm not really interested in IE-only solutions, but thanks for the link!

In fact, I'm thinking of not supporting IE at all for my new site.  It's a special interest site with a specific audience anyhow, so I'm not too worried (yet) about alienating anybody.  Personally I'm fed up with IE's non-compliance and I no longer consider it cost-effective (my time being the only cost, currently) to try and support cross-browser functionality.  Supporting COMPLIANT browsers suits me just fine.

muppet from madebymonkeys.net
Monday, July 12, 2004

I understand perfectly! There was a point, early in the process, where things worked just fine in most browsers, but somewhere along the way I broke the compatibility and I've never managed to get it back. Once I get a few other things out of the way, I'm going to go back in, clean up the code and see what I can do to fix it.

Ron Porter
Monday, July 12, 2004

*  Recent Topics

*  Fog Creek Home