Comments on: Side Navigation Tooltip / Popup Bubble

By: max

max — Wed, 10 Feb 2010 03:20:27 +0000

I have programmed an useful jQuery Plugin to create easily smart bubble popups with only a line of code in jQuery!

What You can do:
- attach popups to any DOM element!
- mouseover/mouseout events automatically managed!
- set custom popups events!
- create smart shadowed popups! (in IE too!)
- choose popup’s style templates at runtime!
- insert HTML messages inside popups!
- set many options as: distances, velocity, delays, colors…

Popup’s shadows and colorized templates are fully supported by
Internet Explorer 6+, Firefox, Opera 9+, Safari

You can download sources from
http://plugins.jquery.com/project/jqBubblePopup

Example and Tutorials from
http://maxvergelli.wordpress.com/2010/02/10/bubble-popups-jquery/

By: P-L Gendreau

P-L Gendreau — Sat, 30 Jan 2010 00:30:05 +0000

Great stuff Soh!

For those wanting the tooltip to popup on the right instead, simply input negative “left” values in the jQuery script and CSS. You will have to tweak the image as well of course.

By: Ebnat Syukur

Ebnat Syukur — Wed, 20 Jan 2010 16:01:39 +0000

thanks, very nice

By: James

James — Sun, 17 Jan 2010 13:02:02 +0000

Thanks for this but having a problem. My navigation is a php include and my css file is external not knowing how javascript works does the .css need to be a relative path to where my css file is stored? Does that make sense? Thanks

By: hi_jack

hi_jack — Sun, 10 Jan 2010 19:37:46 +0000

this is fantastic. I am currently developing my site, and now I need this tool. Thank you very much for your post.

By: ungovernable

ungovernable — Sat, 02 Jan 2010 05:14:05 +0000

sorry to post again, i thought the problem was fixed but its not i think it is a css conflict with my stylesheet because even if i copy the exact same code from your tutorial its not working

i’m desperate now

By: ungovernable

ungovernable — Sat, 02 Jan 2010 01:16:44 +0000

ok i think i fixed it…

By: ungovernable

ungovernable — Thu, 31 Dec 2009 15:14:45 +0000

Thanks for this wonderful code! Your site is very useful and your script rocks!

But i have an annoying problem with this script… I messed a couple of hours trying to find a solution, but i’m not a pro with css

My problem is that i have a couple of links above the menu with the items that trigger the popup, and when i hover the mouse on the first links the popup will try to appear when it isn’t supposed to

It’s hard to explain, just check it here:
http://www.anarcho-punk.net

(top left menu)

thanks for help !!

By: aanbae

aanbae — Fri, 04 Dec 2009 01:27:51 +0000

cool my friend Soh, keep up your great work….

By: Soam

Soam — Sat, 14 Nov 2009 07:29:01 +0000

Hi bro..

We did just as you said and its working..
But it always shows on right.
How can we make it left, just as in your site ??