jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Firefox: tooltip on table cells not displayed until mouse out

Tags: firefox tooltip tooltips

12/08/2010
18:42

New Member

Members

Forum Posts: 1

Member Since:
22/06/2010

Offline

I am using jqGrid 3.7.1 for my web app. I noticed some strange tooltip behavior using Firefox 3.6.3. I don't reliably get tooltips after I mouse over one cell, and moving to the next cell.

Here is how you create the behavior. I mouse over a cell which also highlight the entire row, tooltip is displayed. I then move mouse down to the cell below the previous cell, only the row is highlighted, but no tooltip.

After some more testing, I realize I have to mouse out of the entire grid, then mouse over the cell in order for tooltip to be displayed. Can someone tell me if this is a Firefox behavior? And more important, can this be remedied somehow. Is there anything I can do to add a mouse-out event?

BTW, the tooltips work perfectly in IE 6, and 8.

27/08/2010
00:44

mattm

New Member

Members

Forum Posts: 1

Member Since:
27/08/2010

Offline

Hi JS - I am noticing this exact behavior as well... with jQgrid 3.5.3 on firefox 3.6.8. It seems to be a new problem maybe from a browser update because my grid code hasnt changed for a few months.

24/11/2010
00:30

codex

New Member

Members

Forum Posts: 1

Member Since:
23/11/2010

Offline

Can anyone suggest any fixes or workarounds for this?

02/12/2010
23:03

ppr

France

Member

Members

Forum Posts: 13

Member Since:
17/02/2009

Offline

Hi all,
Yes I have the same problem in the Firefox browser.
Fortunately, you can bypass it by replacing the cell columns tooltip manager by another.
In my case, i usually use jquery.qtip extension. ( http://craigsworks.com/projects/qtip )
Here is an example:
Use the "LoadComplete" handle event to replace the tooltip cell management.
To see an example, take the "JSON Data" sample in "Loading data" section of jqgrid demo.
In the jsonex.js source, insert after line 14 this code:

        loadComplete : function() {
           $("#list2 tr > td").each(function(){
               if ($.trim($(this).attr("title"))!='') {
                   $(this).qtip({
                           content:{text:false},
                           position : {
                               corner: {
                                   target:'topRight',
                                   tooltip:'bottomLeft'}
                           },
                           style: {
                              padding: 5,
                              background: '#FFFFE0',
                              textAlign: 'center',
                              border: {
                               width: 7,
                               radius: 5
                              },
                              tip: 'bottomLeft',
                              name: 'blue' // Inherit the rest of the attributes from the preset dark style
                           }
                   });
           }
           });

Download the qtip extension from the official site and install it on your server side.
in the jqgrid.html, in the header javascript section , declare the call for this extension.

Now you should see the cell column tooltip without bug with Firefox.

Hope this will help.

Best regards

Phil

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
24 Guest(s)

Currently Browsing this Page:
1 Guest(s)