Dynamically Loading Specifc Content from Page

[ChuckLew]

I'm attempting to convert from your earlier simpleTip solution to qTip.
With simpleTip I could use:

JS Code

onBeforeShow: function(){
   this.load(<a href="http://www.someURL.com/somePage.html+" target="_blank">http://www.someURL.com/somePage.html+</a>" [id='verSpecificField']:eq(1)");
}

to pull only the info from a very specific field on the incoming page. How do I achieve the same thing using qTip? Here's the code I'm trying to work out:

JS Code

// Create the tooltips only when document ready
$(document).ready(function(){
   // Use the each() method to gain access to each elements attributes
   $('area.fiveWs').each(function(){
      $(this).click(function() { return false;});
      $(this).qtip({
         content: {
               // Set the text to an image HTML string with the correct src URL to the loading image you want to use
               text: '<img src="/_layouts/images/CRPERSPC.GIF" alt="Loading..." style="border-style:none;vertical-align:middle;" HSPACE=71 VSPACE=12 />',
            prerender: true,
            once: false,
            url: $(this).attr('href'),      
               method: 'get',
               title: {
               text: 'FDG:  ' + $(this).text(), // Give the tooltip a title using each elements text
               button: 'Close' // Show a close link in the title
            }
         }
      });
   });
});

I'm sure the answer is in the API callbacks, but I've tried setting up beforeShow and beforeContentLoad to no avail. Am I missing something?

[Craig]

ChuckLew, sorry for the late reply first off. Did you get this working as needed? If so could you reply with the details of how you solved it? Thanks!