craigsworks.com - Support Forum

craigsworks.com - Support Forum > qTip 1.x > Tutorials and how-to's > [Solved] Using Complex HTML as Tooltip Content
Full Version: [Solved] Using Complex HTML as Tooltip Content
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

sylvia

2nd November, 23:33
I'm just missing a step in understanding how to use existing divs on my page as the content for various tooltips. What I'm trying to do is have a tooltip for each table cell in my services table, and when hovering over each one, its unique corresponding tooltip containing HTML code is displayed. I need to be able to include links, photos and copy like on the

What is the code to tell jQuery to go through each div with a class ".tooltipcontent" and make the divs the content of each tooltip in order?

Craig

3rd November, 02:07
Try this out:

JS Code 
$('td.selector').each(function() { // Notice the use of the .each() loop
   $(this).qtip({
      content: $(this).html() // Can now reference the HTML content using "this" keyword to reference the element
   });
});
craigsworks.com - Support Forum > qTip 1.x > Tutorials and how-to's > [Solved] Using Complex HTML as Tooltip Content
Reference URL's