DataTable Blocking jQuery Tooltip

thecountofzero

I am trying to use another jQuery plugin named jQuery Tools Tooltip to create tooltips for data
in certain cells with the DataTable.

The problem is the tooltip is appearing behind the DataTable, rendering its contents useless. Is
there a way a setting within the DataTable that will fix this?

Here is a link to the Tooltip plugin:
http://flowplayer.org/tools/index.html

Here is a link to a screen shot showing the issue:
http://www.malamoney.com/tooltip-blocked.jpg

Thanks,
Mike

allan

Hi Mike,

Looks like a CSS issue - or possibly more likely a problem with IE's CSS handling. I see you are using IE7 - does it work as expected in IE8 / Safari / Chrome / Firefox / Opera / whatever? If it's not a zIndex issue, then it's likely a float issue in IE7. I'd suggest playing with zoom:1 and the float attributes - but it's difficult to say exactly what would fix it!

Allan

thecountofzero

Allan,

Thanks for the quick response. Let me first say that DataTables is a great piece of code.

I am seeing this behavior in both IE7 and FF 3.5.7. I do not have IE8 installed.

Unfortunately CSS issues are a rather weak area of my knowledge, but I will try and see what I can figure
out. Can you possibly elaborate on "playing with zoom:1 and the float attributes".

Thanks,
Mike

allan

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...

Allan

thecountofzero

Playing with the Z-index fixed my problem...


Thanks again,
Mike

justSteve

Gotta throw a comment here just to make sure this statement says within my account

> Playing with the Z-index fixed my problem...

there's something really meta about that.

daniel_r

I know this thread is old, but I'll try anyway,

Any chance to share the code of adding jQuery Tools Tooltip to datatables?


Thanks ahead!


Daniel.

fledeboer

I also have the same problems but interestingly only in FF and it's driving me mad. The tooltip doesn't reposition and stick at the same place the whole time.

dmolavi

i'm using these two successfully at http://www.gallerymodules.com/ You can see the implementation in the source of the page.