[Solved] QTip content from existing div element on page?

[dcash]

Is it possible to load the content of the qtip from an existing div element on the page?

Something like this:

<div style="display:none;">
<table>
<tr><td>NT</td></tr>
<tr><td>0</td></tr>
<tr><td>1</td></tr>
...
</table>
</div>

The tooltip content could either be just the table contained within the div or the whole thing...

Thanks (and sorry if this question has already been answered here... I did look and didn't find anything)

[Craig]

Hi dcash,

You sure can. Simply provide the content attribute a jQuery DOM array instead of some text:

JS Code

$('.selector').qtip({ content: $('table:first') }); // Clone first table element for tooltip content

Note: This method clones the element. If you want to simply append it i.e. remove the old one, add a .remove() command to the end of the content selector like so:

JS Code

$('.selector').qtip({ content: $('table:first').remove() }); // Append first table element for tooltip content

Check the documentation for more details on it here: http://craigsworks.com/projects/qtip/doc...ntent-text

[dcash]

Thanks!!

That's what I needed!!

[GarethElms]

Hi,

Is it possible to turn an existing DOM element to a qtip without cloning it? I need to keep the events tied the DOM element

Thanks

[Craig]

Unfortunately no, at least not in qTip 1.0. In qTip2 passing a jQuery object simply appends those DOM elements to the tooltip, preserving the bound events, though.