[jQuery] clueTip plugin: Passing values via AJAX to the clueTip, then passing values back to the parent page to update div content

[jQuery] clueTip plugin: Passing values via AJAX to the clueTip, then passing values back to the parent page to update div content


Hi there,
First up a big thanks to Karl for writing a great jQuery plugin. And
sorry if this is a bit of a newbie issue. My question is related to
AJAX content. I have a page that has a variety of links, that look
like the following:
<a class="jTip" title="TITLE" href="this.php?
construction=1155492714&online=1160506275&installation=1161683112&"
rel="this.php?
construction=1155492714&online=1160506275&installation=1161683112&">
This is just a series of key-value pairs that list the type of action
and the epoch time that action took place.
There is a div on this page that I want to insert content into, lets
call it 'mydynamiccontent':
<div id="mydynamiccontent">

This content will get replaced


</div>
My clueTip call looks like:
$(document).ready(function() {
$('a.jTip').cluetip({
cluetipClass: 'jtip',
arrows: true,
hoverIntent: false,
mouseOutClose: true,
sticky: true,
activation: 'click',
closeText: 'X',
closePosition: 'title',
ajaxCache: true
});
)};
When the user clicks on the link, the clueTip window pops up and show
the content that looks like (using the example above, the source of
'this.php' with the GET parameters passed):
this.php
------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/