View Full Version : Close cluetip when the mouse is out of link

07-23-2010, 12:14 PM
I there an option to close cluetip when the mouse is of from the link? There is mouseOutClose option but it doesn't close cluetip if you don't hover the cluetip itself first. The problem is caused by the sticky option set to true but I can't make it false because I need to keep cluetip opened if the mouse is over the cluetip box itself.

cluetip can be closed using $(document).trigger('hideCluetip'); function so I tried adding onmouseout="$(document).trigger('hideCluetip');" but it closes cluetip even the mouse is over the cluetip itself...

Plugin page:

Any ideas?

07-23-2010, 12:49 PM
You should have specified the library/framework. I see it is JQuery. Ok, I'll move the thread to the proper subForum

07-23-2010, 07:43 PM
What is your javascript and html?

07-28-2010, 09:42 PM
This is the HTML code:

<a class="jt" href="ajax6.htm" rel="ajax6.htm" title="jTip Style!">
This is javascript:

cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: true,
closePosition: 'title',
closeText: '<img src="cross.png" alt="close" />'

And the cluetip core code of course:

Any ideas?

07-28-2010, 10:07 PM
It is probably because you have sticky set to true.

sticky: true

Which means to leave the tip open even if you mouse out. The user has to manually close it by clicking a button. So you probably need to remove that or set it to false.

07-28-2010, 10:49 PM
I can't make it false because in this case it would be imposible to click some links inside the cluetip as it would dissapear as soon as the mouse is out of the link.

07-28-2010, 10:51 PM
I use this plugin and I had this very same issue. The way I resolved it is I set the X and Y offsets so when the cluetip box appears, it covers the link that activates the hover. That way, when the box appears, the mouse cursor is already inside the box, so the mouse cursor can only exit the box which will close it. Sticky has to be off of course.

07-29-2010, 12:45 AM
Can you do something like this after your javascript for your cluetip class?

What the code below should do is attach a on mouseout event to the cluetip div and tell it to hide the div.

$('#cluetip').mouseout(function() {