Comments on: Create simple tooltips with CSS and jQuery – Part 2

By: Ali

Ali — Sat, 15 Jan 2011 00:43:18 +0000

Just exactly what I was looking for… but I noticed that it does not quite well work if your link has an image bounded with ALT tag, in that case the ALT tag is also displayed on IE. Any work around that?

By: jQuery w 11 przykładach: slidery, dymki, interfejsy : Jak Stworzyć Stronę

jQuery w 11 przykładach: slidery, dymki, interfejsy : Jak Stworzyć Stronę — Wed, 08 Dec 2010 15:38:48 +0000

[...] Kolejny pomysł na prosty tooltip (dymek z podpowiedzią) [...]

By: bowo hadi Wibowo

bowo hadi Wibowo — Wed, 08 Dec 2010 08:43:44 +0000

tkz for share

By: Mohammed

Mohammed — Thu, 25 Nov 2010 19:10:17 +0000

good

By: lvwei

lvwei — Wed, 10 Nov 2010 02:13:00 +0000

Very Nice! And Thank all the partners who create and share it.

By: Jquery13 is a place where designers and jquery developers can find very helpful plugins. » 70+ jQuery Best Interface Techniques and Tutorials

Sun, 05 Sep 2010 11:01:44 +0000

[...] 5. Smart Tooltips with jQuery [...]

By: Zé

Zé — Mon, 09 Aug 2010 21:02:39 +0000

This is fantastic but….i can´t put this on blogger.

Is my fault or it´s because it doesn´t work on blogger at all?

thank you

By: Nitrok

Nitrok — Tue, 06 Jul 2010 07:44:52 +0000

You have to make a new class for every element in css.

For example I used tooltips in my link titles (class tooltip) and image titles (class tooltip2) and here is css for that:

.tooltip, .tooltip2 {
position:absolute;
z-index:999;
left:-9999px;
background-color:#1a1a1a;
padding:5px;
width:auto;
}

Then in the js file i simply wrote this:

$(document).ready(function(){
simple_tooltip(“a”,”tooltip”);
simple_tooltip(“img”,”tooltip2″);
});

By: oompa_l

oompa_l — Thu, 01 Jul 2010 18:33:04 +0000

I am implementing this on my site and I had it all working until I tweaked something in my tooltip.js file

$(document).ready(function(){
simple_tooltip(“#imageFrame img”,”tooltip”);
simple_tooltip(“#GFAID a”,”tooltip”);
simple_tooltip(“#GFAID span a”,”tooltip”);
});

how do you chain multiple functions together? I want to affect different elements on the page with the same tooltip

By: Britteny Cappelletti

Britteny Cappelletti — Tue, 29 Jun 2010 02:10:50 +0000

Hi, truly a wonderful online site. Thank you for making the effort to publish so many entertaining articles ;D