How can i make sticky tooltip with TİpTip

MonsterMMORPG's Avatar

MonsterMMORPG

19 Jul, 2011 08:24 PM

enter: callback function - Custom function that is run each time you mouseover an element with TipTip applied to it.
exit: callback function - Custom function that is run each time you mouseout of an element with TipTip applied to it.

Ok what i want is when tooltip displayed it will stay there until a link is clicked i put. Help is appreciated thank you.

  1. 1 Posted by Mikk on 12 Apr, 2012 10:17 AM

    Mikk's Avatar

    This might not be perfect solution for you, but what I have done is unbind 'hover' event of 'tiptip_holder' element when you mouseenter onto it. And then you only need to have some kind of trigger to hide the tooltip - in my own solution I use hide the tooltip when there is a click on the document object.

    Hope that helps you (or someone else seeing this old thread) out.

    Mikk

    ` $('.tipped').tipTip({

           activation: 'click',
           delay: 0,
           keepAlive: true,
           activation: 'click',
           delay: 0,
           keepAlive: true,
           maxWidth: 500,
           enter: function() {
               $('#tiptip_holder').unbind('hover').click(function(e){e.stopPropagation();});
               $('#tiptip_holder a').click(function(){
                   $('#tiptip_holder').hide();
               });
           }
       });
    

    `

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac