jQuery Grid Plugin - jqGrid - Topic: Custom tooltip using jquery.tooltip

Candrairawan78 on Custom tooltip using jquery.tooltip

Thu, 25 Nov 2010 03:40:30 +0200

Dear all,

I have tried to use tooltip above and did not success, does anybody can guide me with a working sample tumbnail image hover pease?I have a project with a lot of goods and i need tumbnail images to make it easy.

Best regards,

Candra

khards on Custom tooltip using jquery.tooltip

Mon, 14 Jun 2010 11:38:25 +0300

Hi All,

I have found a soloution to my problem.

The tool tips need to be initalised after jqgrid. Why? I do not know. But adding the following

gridComplete: initTooltips

Then initializing the tooltips in this function works.

khards on Custom tooltip using jquery.tooltip

Mon, 14 Jun 2010 09:57:47 +0300

I have a small update to this.

I have discovered the following:

$(document).ready(function(){
   $("a").hover(function(event){
     alert("Thanks for visiting!");
   });
});

The above code makes all links on the page display "Thanks for visiting!". Once the table has been converted to a jqgrid using tableToGrid you lose the hover action for all links within the grid.

I have still not been able to find a workaround for this, however adding a onhover="alert('FooBar'');" works.

Does anyone know a workaround that can be used without adding onhover="" to all my links?

Andvance thanks for any help you may be able to give.

khards on Custom tooltip using jquery.tooltip

Fri, 11 Jun 2010 12:13:02 +0300

Hi,

Thank you for the great product.

I have a page with a static html table that I am using the 'table to jqgrid' module on.

Once I have called table to html grid my table appears as a jqgrid, my impromptu plugin is still functioning on the buttons in my table.

My table is using the jquery.tooltip on links which binds to the mousemove event to display custom HTML tooltips, however this stops working after I call table to jqgrid and convert my standard HTML table table into a jqgrid.

I think that the jqgrid must be overriding the bind mousemove that the tooltip uses. (FYI I call the tooltip from a function for each link before I call the 'table to jqgrid' command).

I would be gratful for any suggestions on how to get my tooltips working on links within the grid or preferably stop jqgrid overriding / removing the mouseover binding on the links within the cells of the grid.

The tooltip I am using is the following bassistance.de/jquery-plugins/jquery-plugin-tooltip/

I can supply a demo url if required. Thank you for any help in advance.