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">
<p>This content will get replaced</p>
</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"/
>
</head>
<body>
<ul class="reportlist">
<li class="construction">construction: <a href="#">1155492714</
a></li>
<li class="online">online: <a href="#">1160506275</a></li>
<li class="installation">installation: <a href="#">1161683112</a></
li>
</ul>
</body>
</html>
Great. This works as expected. What I now want is for those links in
the unordered list in the clueTip window to have an onClick event that
updates the contents of the 'mydynamiccontent' div on the initial
page. So my question is, do I define that in a clueTip ajax call? Or
do I define it in some jQuery code in 'this.php'? If the latter, how
can I ensure I load the content back into the correct div on the main
page?
Thanks in advance!
