[jQuery] clueTip onclick call from JS and positioning
Hello,
Problem:
To show a clueTip when the user clicks
To show the clueTip at the mouse click position
To change dynamically the attr rel
I define the div that will contain the html page to put in
<div id="tip" rel="#" title="jTip Style!" style="display:none">test</
div>
$().ready(function()
{
$('div#tip').cluetip({
width:'300',
height:'600',
cluetipClass: 'jtip',
positionBy: "mouse",
activation : "click",
arrows: true,
dropShadow: false,
//hoverIntent: true,
sticky: true,
mouseOutClose: false,
closePosition: 'title',
closeText: '<img src="/images/cross.png" alt="close" />'
});
When the user clicks on a map I call:
$(ShowClueTip(response.responseText));
(function() {
ShowClueTip= function(response) {
$("div#tip").attr("rel", response);
$("div#tip").attr("href", response);
$("div#tip").show('fast');
$('div#tip').trigger('click');
$("p#test").hide("slow");
}
})();
The p#test is hidden, it means that the function is correctly called,
but the ClueTip is not visible.
If I put the rel value into the div declaration, the ClueTip is
visible, but the position is not correct.
How can I do?
Thanks!