How to close a tooltip (almost) forever

[ajkochanowicz]

I just finished a little 24 hour project to make a qtip that will close...and stay closed.

I was inspired by Google Docs. When you go to Docs for the first time, you get nice little helpful tool tips pointing out the key areas. This also happens for existing users when new features come out. When you close these tips, they just stay closed, even when you refresh your browser.

This will do the same thing. However, for simplicity's sake, I've set this to create a year-long cookie to keep the tooltip off. Try out the demo by exiting out of the tooltip. When you refresh, it will never show up again. You can reset the cookie by clicking the button in the corner.

This will be helpful for websites where you want to highlight new features, but let your users dismiss these once they get the picture. It's also nice for websites that require a little pointing and explanation at first.

Demo: http://powabunga.nfshost.com/qtip/
Download: https://docs.google.com/viewer?a=v&pid=e...NTEw&hl=fr

(Also provided as an attachment )

[kmvan]

hide forever? what's mean?
I am use the .remove() to delete the node.

like that:
jQuery.fn.qtip.defaults.hide.effect = function(offset){jQuery(this).fadeOut('fast',function(){jQuery(this).remove();})​;};

[mayid]

This is good. I was looking for this. I'll try to make it work independently of show{ "event" and "ready"} setup.

Also, i notice this will only work for a single message. So, the task will be making it work for every tooltip, using an id.

[cerberuss]

Hi

Firstly thank you for providing this code. I have managed to install it on my site, and its working great! but I cannot seem add any effects, the popup just doesn't show if I add any. I want a 3 second delay before the tooltip shows with a slide in, and fade effect when it is clicked closed.

Im a complete noob, but i checked all the commas etc for hours, I just don't know what im missing.

Please help

(10th August 08:01)ajkochanowicz Wrote:  I just finished a little 24 hour project to make a qtip that will close...and stay closed.

I was inspired by Google Docs. When you go to Docs for the first time, you get nice little helpful tool tips pointing out the key areas. This also happens for existing users when new features come out. When you close these tips, they just stay closed, even when you refresh your browser.

This will do the same thing. However, for simplicity's sake, I've set this to create a year-long cookie to keep the tooltip off. Try out the demo by exiting out of the tooltip. When you refresh, it will never show up again. You can reset the cookie by clicking the button in the corner.

This will be helpful for websites where you want to highlight new features, but let your users dismiss these once they get the picture. It's also nice for websites that require a little pointing and explanation at first.

Demo: http://powabunga.nfshost.com/qtip/
Download: https://docs.google.com/viewer?a=v&pid=e...NTEw&hl=fr

(Also provided as an attachment )