I am encountering an issue with my ASP.NET page that contains an Infragistics webgrid. I have implemented Javascript methods to handle the mouseover and mouseout events on the grid rows, changing the mouse cursor to a pointer and back to the default as users interact with the rows. Additionally, the color of the row changes when hovered over.
While everything works fine when debugging the page locally, the problem arises when I publish it to the test server and view it using Internet Explorer 8. In this scenario, the mouse cursor does not change as intended; it remains the arrow cursor. However, the row color toggling functions correctly.
Initially, I suspected a caching issue, but even after various attempts such as adding alert boxes to display the cursor state, clearing browser cache, and generating GUID querystrings for Javascript file links, the problem persists.
Interestingly, when I view the page on the test server using Firefox, the pointer cursor displays correctly.
function _projGrid_MouseOverHandler(gridName, id, objectType) {
if (objectType == 0) {
document.body.style.cursor = 'pointer';
// alert('mouse pointer should be: ' + document.body.style.cursor);
var cell = igtbl_getCellById(id);
var elem = cell.Element;
setRowBackColor(cell.Row, "F0E68C");
}
}
function _projGrid_MouseOutHandler(gridName, id, objectType) {
if (objectType == 0) {
document.body.style.cursor = 'default';
// alert('mouse pointer should be: ' + document.body.style.cursor);
var cell = igtbl_getCellById(id);
setRowBackColor(cell.Row, "white");
}
}
function setRowBackColor(row, color) {
var cells = row.getCellElements();
for (var i = 0; i < cells.length; i++) {
cells[i].style.backgroundColor = color;
}
I would appreciate any suggestions or insights on how to resolve this issue!
UPDATE: I am also facing similar problems with CSS