Problem with 'Cell Indicator' code


I am using the cell indicator code sample you suggested in this topic: http://www.activewidgets.com/javascript.forum.13178.4/suggestion-for-feature-cell-marker.html

The only 'real' difference is I am using a background image in the CSS
Like this
.aw-item-indicator { 
    display: none; /* hidden by default */ 
    position: absolute; 
    overflow: hidden; 
    right: 2px; 
    top: 4px; 
    width: 10px; 
    height: 10px; 
    cursor: pointer; 

This works great on my development machine (desktop) but when I move my page to the web server the image will flicker (sometimes not display) when the user mouses over any row. The flicker seems to be caused by the row mouseover event. The entire row seems to repaint.

I also have the same problem with my selected row indicator. It is also a style sheet background image.
.aw-rows-selected .aw-row-selector {background-image:url(./images/selectArrow.gif);background-repeat:no-repeat}

Is there a way of disabling the row mouse over event?

Any help would be appreciated.
Colin P.
November 21,

On closer study the image flicker/disaperance only occurs on the mouseover and mouseout events of the effected row.

That is, when you mouseover (or mouseout) of a row the image in that row will flicker(sometime disapear).

Again this only happens when I move my page to the web server.

Is there a way of disabling the row mouse over event?

Any help would be appreciated.
Colin P.
November 21,
There is no easy way to disable mouseover processing, you have to modify the source code (see handleMouse() function, line 597, source/lib/system/control.js). It does not actually repaint the row - just changes class names.

If you see image flicker - make sure you have enabled caching images (using 'expires' or 'cache-control' HTTP headers). There is also some trick against IE image caching bug -

Alex (ActiveWidgets)
November 21,
I want you to know I do not you this phrase often (maybe 3 times in my life) but "Alex, you are the MAN".

The forum /javascript.forum.16441.0/fix-for-the-ie6-image.html
did the trick.

I had tried everything from caching images with javascript to caching images with HTTP headers to setting the IE cache option to "NEVER check for newer versions", but the javascript one liner in the above forum did the trick.

For the benefit of other readers here is the script:
try { 
        document.execCommand("BackgroundImageCache", false, true); 
    } catch(err) {}

And here is a resource that will explain the issue and solution in detail:
Colin P.
November 22,

This topic is archived.

See also:

Back to support forum