Multiple tooltips on one page all show the first tooltip when using child element as the tooltip source

Yes i can confirm this. Using a class as a selector does not inherit the title from the defined class. For me (D6), it only shows the first tooltip and the other elements don't even show a tooltip.

The drupal form elements seem to behave correctly.

//edit: strange there are even more elements that behave as expected. Just when using a view with custom themeing, applying theme(imagecache) to the themeing, and that breaks it.

//edit: lol i forgot to give them a title. So i do not have this issue.

I'm having this issue as well, multiple items with child element ".class" as a selector, get the same tooltip content of the first item.

What do you mean when you say "you forgot to give them a title" ?

i forgot to give the elements a title....

I was having this issue, plus the tooltip didn't stay open while mouse was inside the tooltip. I solved it by adding a javascript code to the page where I want the tooltip to work.

The code I wrote is for child element selector, not for attribute selector. Feel free to modify the code to work with attribute if you need to. Hope this code helps

Sorry, didn't attach the file. Here you are

This is such a simple fix, just apply the attached patch.

Patch #7 working for me. Thanks.

Patch #7 works to show the right data, but the module I had my developer write #5 & 6 also had the hovertext stay visible long enough for users to click on links inside it. Any suggestions on how to include that in a patch like #7?

That's a different issue. I haven't had a good look at what #5 or #6 does, but there is a setting in the Tipsy configuration for delay before disappearing. Set that to 500 or 1000 or something and this might achieve what you want.

Patch #7 worked

patch #7 worked fine for me
thanks mstrelan

#7 works for me.
Filing new info on the thread for the MouseIn/Out function to keep the tooltip open...see: http://drupal.org/node/1678254

Thanks for the patch (#7) it works fine !

Just changing the title back

I found that the patch in #7 did not work very well in my case, where the child selector were for an element that is a grandchild of the parent.

An example scenario is that you have the main tipsy selector set to ".foo-bar", the tooltip content set to "Child element" and a (child) selector of ".title-element", with the following markup:

<label class="foo-bar">
  <span>
    <span>meh</span>
    <span class="title-element">This is the title you want in the tooltip</span>
  </span>
</label>

The .children() jQuery selector of #7 wouldn't be able to target the .title-element - because .children() only travels a single level down the DOM tree.

I have therefore created a patch using .find() instead - which, unlike .children(), can traverse down multiple levels to select descendant elements (grandchildren, etc) as well.

It seems to work well for the various cases/selectors I have on the project I am working on, but I don't have opportunity to test it very thoroughly. Would appreciate if someone else can give it a test and verify. Thanks!

#17 works for me, it found the 3rd child

Can you re-roll it against the latest dev? I am not able to find such lines at all.