Comments on: bubbletip! A jQuery Coda-style bubble tooltip plugin

By: bubbletip- A jQuery Coda-style bubble tooltip plugin | jQuery Wisdom

bubbletip- A jQuery Coda-style bubble tooltip plugin | jQuery Wisdom — Sat, 13 Aug 2011 10:19:40 +0000

[...] Web Site Demo Download Share and Enjoy: [...]

By: uhleeka

uhleeka — Wed, 17 Mar 2010 21:15:20 +0000

@All: thanks for all your questions and comments!

please feel free to continue the discussion at: http://groups.google.com/group/bubbletip.

By: uhleeka

uhleeka — Wed, 17 Mar 2010 21:01:32 +0000

@Vojta: i posted another example on the demo page: http://www.uhleeka.com/demo/bubbletip

is that the behavior that you were expecting?

By: Vojta

Vojta — Wed, 17 Mar 2010 09:33:00 +0000

@uhleeka: Thanks, it works. But there it works perfectly in only one version of configuration and in Firefox. In the other ways is problem: there are more events able to hide same Tip and event from the other trigger often hide Tip before it should be hidden by event on trigger which showed it. I have tried change hiding event to mouseleave, but fact that mouse never was on the trigger isn't problem and event is called anyway. It isn't serious problem and I can use it this way, but I think it will be better to ask if I'm not missing something obvious again :)

By: Sunny

Sunny — Tue, 16 Mar 2010 22:32:28 +0000

@uhleeka, re: $(this) pointing to your . Opps! Yeah, that did the trick. Thanks again!

By: uhleeka

uhleeka — Tue, 16 Mar 2010 19:57:25 +0000

@Vojta: create your bubble tip on one div, then trigger your bindShow and bindHide events from your other div's.

$('#myBubbleTipDiv').bubbletip($('#myTip'));
$('.myOtherDivs').bind('mouseover', function() { $('#myBubbleTipDiv').trigger('mouseover'); });
$('.myOtherDivs').bind('mouseout', function() { $('#myBubbleTipDiv').trigger('mouseout'); });

hope that helps!

By: Vojta

Vojta — Tue, 16 Mar 2010 10:14:07 +0000

Hi, really great plugin. I tried more than thousand of similar plugins, but this is the only one which is able to do what I need. But I have found one little problem: Is there way to add one div to be shown by multiple triggers? When I create one tipDiv for each trigger everything is ok but when I'm trying to use same div for multiple triggers the only first one is working.
P.S. I'm sorry for my English.

By: uhleeka

uhleeka — Tue, 16 Mar 2010 02:17:09 +0000

@Sunny: your use of $(this) is not going to work:

$('img[id^=Tooltip]').bubbletip($('#Tooltip_Content_'+$(this).attr('name')));

instead, you need to get $(this) pointing to your :

$('img[id^=Tooltip]').each(function(i) {
$(this).bubbletip($('#Tooltip_Content_'+$(this).attr('name')));
});

hope that helps!

By: uhleeka

uhleeka — Tue, 16 Mar 2010 02:08:04 +0000

@James: LOL. glad to hear it.

By: Sunny

Sunny — Tue, 16 Mar 2010 01:42:42 +0000

Hi uhleeka, thanks for the great script. My problem is regarding when Bubbletip is inside a dynamic loop. Here's my code snippet:

$(document).ready(function() {
$('img[id^=Tooltip]').bubbletip($('#Tooltip_Content_'+$(this).attr('name')));
});

Inside a while loop…

And…
" name="" />

The JS error that I'm getting is:
$(tip).get(0) is undefined

Am I missing something very obvious here?
Thanks for your time.