Very ...very ..strange problem with "hover event" inside scrolled table section ???
Hi ...all fantastic fellow jQuery experimenters out there
!
I'm trying out the "hover" shortcut event-binder for the "mouseenter"/"mouseleave" events ..... as a solution for some highlighting functionality I need in a app-project of mine .
The problem I come to face .... occurs as following :
The "hover"-events which becomes fired/triggered as the core-pointer moving in over individual "indication markers", living as img-tags (.png) inside of an table-structure wrapped by a y-overflow scroll, ...... are indeed fired off , as desired, during hovering over any of the img-tags EXCEPT for any of those one living inside of two and neighboring rows occupying positions in the lower part of the scrolled section at any given point of time .... see the following picture:
None of the "hover"-events bind to the img-tags in the outlined rows fires off during hovering above them while the very same type of events fires off perfectly fine for all the other "indication markers", in the surrounding rows, when hovering occurs above them ???
I have been able to confirm/test the appearance of the problem in the following browsers : MS Internet Explorer, Mozilla Firefox, Google Chrome and Opera .
I'm using version 1.7.1 of jQuery .
My implementation of the "hover"-event callback function looks as following:
I'm sincerely thankful in advance for any hints or ideas which might resolve the underlying causes regarding this problem/situation .
My best regards ....for now / Peter , Lund Sweden
!I'm trying out the "hover" shortcut event-binder for the "mouseenter"/"mouseleave" events ..... as a solution for some highlighting functionality I need in a app-project of mine .
The problem I come to face .... occurs as following :
The "hover"-events which becomes fired/triggered as the core-pointer moving in over individual "indication markers", living as img-tags (.png) inside of an table-structure wrapped by a y-overflow scroll, ...... are indeed fired off , as desired, during hovering over any of the img-tags EXCEPT for any of those one living inside of two and neighboring rows occupying positions in the lower part of the scrolled section at any given point of time .... see the following picture:
None of the "hover"-events bind to the img-tags in the outlined rows fires off during hovering above them while the very same type of events fires off perfectly fine for all the other "indication markers", in the surrounding rows, when hovering occurs above them ???
I have been able to confirm/test the appearance of the problem in the following browsers : MS Internet Explorer, Mozilla Firefox, Google Chrome and Opera .
I'm using version 1.7.1 of jQuery .
My implementation of the "hover"-event callback function looks as following:
- $('.indication_marker').hover(function() {
$(this.parentNode).addClass('header_cell_highlighted');
$(this).parents('tr').children('.value_gridcell').addClass('header_cell_highlighted');
},
function() {
$(this.parentNode).removeClass('header_cell_highlighted');
$(this).parents('tr').children('.value_gridcell').removeClass('header_cell_highlighted');
});
I'm sincerely thankful in advance for any hints or ideas which might resolve the underlying causes regarding this problem/situation .
My best regards ....for now / Peter , Lund Sweden
Topic Participants
floydpetrus
jakecigar