If you are seeing this in Firefox - then the 'zoom' trick isn't going to help...
Since you have Firefox available, I'd suggest using Firebug and poking around with the CSS attributes. Switch them on and off to see what makes a diference and alter then on the page. zIndex is the obvious one to look at - but I don't think the demo css sets that for DataTables...
Esteban11 wrote:If you are seeing this in Firefox - then the 'zoom' trick isn't going to help...
Since you have Firefox available, I'd suggest using Firebug and poking around with the CSS attributes. Switch them on and off to see what makes a diference and alter then on the page. zIndex is the obvious one to look at - but I don't think the demo css sets that for DataTables...
That's not my issue. It works properly, comes and goes as told to. It's just when i decide to mouseover the tooltip, it wants to fade out. Then the mouse touches the images again, then it repeats itself.
I may be able to give a better answer if I see how it works, but from what I understand, something like the hoverIntent plugin might help. Additionally, you could put a delay on your fadeOut of sorts, so it will only start to fade out after 1000ms.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
If you tell it to fade out imgtooltip when you mouseout of ppic, then that's what it's going to do, so it depends on where imgtooltip is compared to ppic. Do they overlap? When your cursor is over imgtooltip, is it beyond ppic? If imgtooltip is within the boundaries of ppic, then the browser probably considers that your cursor has "moused out" of ppic when it goes over imgtooltip, since I don't think the mouse cursor can ever be "in" more than one element at a time. Perhaps in the mouseout function you could test whether the cursor is over the imgtooltip and only execute the fadeOut if it is not.