Update content dynamically with QTip and jQuery

[dhanya]

Hi,

I have a initial JSP page which sports some boxes(seperate div elements), on mouseover of this boxes I am showing a tooltip. The content of this tooltip is another JSP page(same for all boxes but different data).

How can I load fresh content every time mouseover happens?

Also in the below code :
$("jqueryselector").qtip({
content: {
url: 'localcontent.html',
data: { id: 5 },
method: 'get'
}
});

How can I get data in the url page, if it is a JSP with few functions?

Thanks,
Dhanya

[Craig]

dhanya, try using the onShow callback to get the data instead:

JS Code

$('.selector').qtip({
   api: {
      onShow: function() {
         this.elements.content.post('url', data);
      }
   }
})

[jolyon2000]

This above example is not working for me .... I get a Firebug warning of "this.elements.content.post is not a function" - any ideas?

[Craig]

Might need to surround the content elem in a $()

JS Code

$('.selector').qtip({
   api: {
      onShow: function() {
         $(this.elements.content).post('url', data);
      }
   }
})