Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Accessing cloned tooltip content
29th June, 13:30
Post: #1
Accessing cloned tooltip content
Hello!

i'm cloning a existing div. How do I access the image "myImageID" respectively the cloned image? I tried to change the src using $('#myImageID').attr('src', "/images/otherImage.jpg"); but nothing happens.

<div id="bar"><img src="/images/image.jpg" id="myImageID"></div>

$("#foo").qtip({
content: {text: $("#bar")},
[..]

Best wishes,
root66
Find all posts by this user
Quote this message in a reply
29th June, 15:26
Post: #2
Accessing cloned tooltip content
I've checked the DOM and saw that the original and the qtip-cloned image have the same id. That's invalid html.

Any workaround?
Find all posts by this user
Quote this message in a reply
29th June, 16:23
Post: #3
Accessing cloned tooltip content
root66,

You raise a good point. I'll be pushing out a branch revision to remove the ID of any cloned elements. In the mean time you may want to simply update the SRC onRender using the API like so:

JS Code
$('#foo').qtip({
   content: $('#bar'),
   api: {
      onRender: function()
      {
         // Utilise the elements object to grab the content
         this.elements.content.find('img').attr('src', 'someimage.png');
      }
   }
});

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
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  [Solved] Take tooltip content from the element attributes AndyG 17 16,040 31st January 07:14
Last Post: eggpoker
  How customize content modal tooltip? dannythegreat 7 3,188 25th December 16:49
Last Post: Spoonless Eddie
  [Solved] Using Complex HTML as Tooltip Content sylvia 1 2,378 3rd November 02:07
Last Post: Craig



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