View Full Version : Close cluetip when the mouse is out of link
07-23-2010, 11:14 AM
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...
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, 06:43 PM
07-28-2010, 08:42 PM
This is the HTML code:
<a class="jt" href="ajax6.htm" rel="ajax6.htm" title="jTip Style!">
closeText: '<img src="cross.png" alt="close" />'
And the cluetip core code of course:
07-28-2010, 09:07 PM
It is probably because you have sticky set to 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, 09: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, 09: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-28-2010, 11:45 PM
What the code below should do is attach a on mouseout event to the cluetip div and tell it to hide the div.
Powered by vBulletin® Version 4.2.2 Copyright © 2016 vBulletin Solutions, Inc. All rights reserved.