I'm wondering if there is a way to implement a "hoverintent" type show/hide. The delay on show does not seem to work like a hoverintent. Currently, with show delay set to 1000, if I hover briefly over the target (<1000ms) and then move off, the tip shows anyway.
What I really want is for the tooltip to not appear if the user does not leave the mouse over the target for a specific period of time, but I also need the tip to persist until the close button is pressed (hide: false) so I cannot use the standard hide functionality.
I think I could accomplish something close to what I want with multiple close conditions, i.e. once shown, if the mouse is not over either the target or the tip then it should close automatically.
Bill
wcmanes, could you upgrade to the
latest branch revision and see if the delay now acts as hoverintent? RC3 did indeed have a delay bug which was resolved (hopefully) in the subsequent branch revisions.
You can achieve the hide functionality you want by as yo usaid, using "hide: false" and implementing maybe a close title button (built-in) or use the API to setup an event on a seperate element to hide the qTip.
Thanks Craig. I'll give the new release a try and let you know. It's for my "other" job so I'll have to do it later.
BTW, love your work. qTip is light-years ahead of all other jquery tooltip plugins.
Bill
(Just noticed your in Newcastle. Sorry about those Toons
What a shambles.)
I don't see any difference with this version. If I simply pass the mouse over the target, the tip is shown.
Here is my setup:
$("#ia_$id").qtip(
{ content: {
text: "$tiptxt",
title: {
text: 'Agreement Details',
button: '<img src="images/btn_close.gif" alt="Close" />' }
},
position: { target: 'mouse',
adjust: { y:10, screen: true, mouse: false },
corner: { target: 'bottomMiddle', tooltip: 'topMiddle' }},
show: { delay: 1000, solo: true },
hide: false,
style: 'iatip'
});
Bill
wcmanes, I've just updated the branch to include support for "hide:false" whilst using show delays. If no hide event is specified, the show delay is reset by default on mouseout of the target.
Give it a try and see what you think.
Hi Craig,
Close but not quite. The 1st invocation works fine. I can pass mouse over the target, but the tip does not show until I hover for 1 sec. However, after the tip is displayed the 1st time, the behavior goes back to what it was before. If mouse passes over the element, the tip is shown.
Bill
wcmanes, just updated the branch again to support it universally. Hope this one nails it!
Hi Craig,
The show/hide for delayed elements seems to work great. Unfortunately I'm seeing a new problem I never saw before. For "normal" qtips using title attribute, I'm seeing both the standard browser title tip and the qtip at the same time. This link will show you an example:
https://ishare.ucr.edu/xythoswfs/webui/_xy-1778534_1
There is also a problem that in IE the tips with hide:false close as soon as mouse moves off the target. Works correctly in FF.
The standard title tip only shows the 1st time I hover over an element. After the 1st time, only the qTip shows. In case it helps, here is the call I'm using to generate these tips:
$('a[href][title],:input[type=button][title],:input[type=submit][title]').qtip({
content: {text: false}, // use title attribute
position: { corner: { target: 'bottomLeft', tooltip: 'topLeft' }},
show: { delay: 2000 },
style: 'moutip'
});
Really sorry to keep bothering you about this.
Bill
wcmanes, could you update to the latest branch revision and see if the default browser tooltip bug is still occuring please? Looking into the mouseout bug in IE now.
Tried the install the latest version (151), but it looks like I need some instructions on the new file structure. Which files to I need to use? Any specific order on the js includes?
Thanks
Bill
Simply include the base plugin file: jquery.qtip.js, and then any optional components you want such as borders, tips below the library file.
Hi Craig,
I finally had a chance to try the latest version. On the first mouse pass over the target, the tip shows whether I hover or not. Any subsequent passes work fine (until a page reload). If I hover, the tip shows. If I pass over it does not. This is true in both FF and IE.
The IE problem with standard titles showing is no longer occurring.
Bill
Thanks wcmanes, I'll look into the first hover bug and post once I have found and pushed the solution upstream
Hi Craig,
I know you are very busy, but was wondering if you have had a chance to look at my issue with the first tooltip pop not using hover-intent timeout. I'm getting close to planning production release of app that is using this and I hoping for a stable baseline.
I have tried to use the latest trunk with the css, but was not able to figure out how it works (didn't really spend much time). Do you have anything written up that explains what to do to switch from using style elements to css?
BTW, I would like to apologize for some of the crabby people on this board that seem to think you should dedicate all your time to their problems, free of charge of course...
I appreciate all the time you have spent in making this great free software. Wish everyone would give you the respect you deserve.
Thanks,
Bill
Hi Bill,
At the moment I'm not actively working on qTip until December time. Simply don't have time at the moment sorry. However, checkout the branch revisions before about 160~ and the issue above should well be fixed.
And thank you for your appreciation. It's hard to get time to do things like this at the moment, so a little appreciation really goes a long way.