Comments on: A UX pattern: Reusable hints with jQuery

By: Paul

Paul — Tue, 24 Nov 2009 08:45:35 +0000

Hi ravi, it’s indeed a very simple script. If you need a more advanced version, I would suggest you try out plugins like cluetip or Jörn’s tooltip plugin for jQuery, both of which are very configurable and should work in most situations. I only posted my solution because of it’s very low footprint.

By: ravi

ravi — Thu, 12 Nov 2009 00:51:52 +0000

Apologies for the multiple comments, but I realise that the above will only work for one bubble. I am rewriting the above using clone() to create bubble per call of hint(). If I get it working and if you are interested, I can post it here (and perhaps someone better versed in jQuery can review it).

By: ravi

ravi — Wed, 11 Nov 2009 21:17:58 +0000

Paul, this is great, thank you. any suggestions on how to make the bubble disappear after some interval. I could use a simple JavaScript setTimeout(), which hides the bubble (opacity = 0 as per above) if its not already hidden, but I was wondering if you had a more sophisticated/integrated/elegant way to do it!

By: Ryno Burger

Ryno Burger — Mon, 05 Oct 2009 17:43:52 +0000

Thanks. Could come in handy. So simple but yet so useful.

By: Paul

Paul — Mon, 05 Oct 2009 14:59:19 +0000

Yep, you can! Check out the article once again, posted an update above

By: Jörn Zaefferer

Jörn Zaefferer — Mon, 05 Oct 2009 14:59:05 +0000

Seconded! Your examples are missing a few details: http://jsbin.com/okima3/edit

By: Paul Irish

Paul Irish — Mon, 05 Oct 2009 13:35:10 +0000

Can a brother get a demo?