Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to refer given instance of qTip
22nd June, 17:21
Post: #1
How to refer given instance of qTip
Hi,

I really like you plugin, it's great work.
I am working on an animation written in jQuery and I want to use qTip as a kind of chat bubbles (like in comix).
There are some characters, man and woman, and i want them to talk to each other via chat bubbles.
Example link is here: http://hai.cz/test/.

What I want is some way how to refer a given chat bubble. There will be more than one chat bubble, and I need to update them dynamicaly. Is it possible to set ID on creation time? Or how to refer to qTip instance ?

thank you for your reply.
David
Find all posts by this user
Quote this message in a reply
22nd June, 17:24
Post: #2
How to refer given instance of qTip
PS: hover the woman picture to see chat bubble...
Find all posts by this user
Quote this message in a reply
22nd June, 18:48
Post: #3
How to refer given instance of qTip
Ok, I think I have found the way... Smile

First create the tooltip,
then refer it via jQuery like this: var myQtip = $('.qtip:last');
from now on I use myQtip variable to access it.
When I create other tooltips, i use the same approach -> the newly created qtip instance should always be the ':last' one from jQ point of view.

To update the text content i dont use API (did not figure out how to use it), but simplty this:
myQtip.find('.qtip-content').text(getRandomText());
Find all posts by this user
Quote this message in a reply
23rd June, 13:37
Post: #4
How to refer given instance of qTip
David,

Seems you figured it out on your own, but I would say to use the updateContent API method for updating the qTip contents, otherwise you may get some odd positioning issues arising. You can do this by referring to the api like so:

JS Code
myQtip.qtip('api').updatePosition();


Hope this helps.

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
23rd June, 15:42
Post: #5
How to refer given instance of qTip
craig Wrote:David,

Seems you figured it out on your own, but I would say to use the updateContent API method for updating the qTip contents, otherwise you may get some odd positioning issues arising. You can do this by referring to the api like so:

JS Code
myQtip.qtip('api').updatePosition();


Hope this helps.

Thank you for your reply. Now it is clear to me how to use the API Smile I was using it wrong way and it did not work. I will try out the suggested way. Thanks
Find all posts by this user
Quote this message in a reply
Post Reply 




User(s) browsing this thread: 1 Guest(s)