jQuery Grid Plugin - jqGridForum

Topic RSS

Grid Hover Effect

03/09/2009
03:48

ismomo

Member

Members

Forum Posts: 8

Member Since:
03/09/2009

Offline

I would like to have a customize on hover effect when hover the grid. I have used code below and add in a new css line for td-mouse-hover in order to generate the effect, but it doenst work for me. It will use the default ui-state-hover css instead. How I going to achieve the mouseover effect here? Thanks.

$('#table1 > tbody > tr').each(function(i) {
        $(this).hover(function() {
              $(this).addClass('td-mouseover-hover');
        }, function() {
              $(this).removeClass('td-mouseover-hover');
        });
});

04/09/2009
05:07

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Put this code in gridComplete event. Please, let me know if this work.

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

13/09/2009
06:43

ismomo

Member

Members

Forum Posts: 8

Member Since:
03/09/2009

Offline

I have tried this below and it works:

Loop through each tr and apply code below:
$(this).hover(function() {
$(this).css({'background': '#ffffcc url() 50% 50% repeat-x'});
}, function() {
$(this).css({'background': '#ffffff url() 50% 50% repeat-x'});
});

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 816

Currently Online:
53 Guest(s)

Currently Browsing this Page:
1 Guest(s)