I''m having a problem with Effect.Highlight and a simple Behaviour rule.
In brief, I have a Sortable list. Using Behaviour, I add a hover effect
(apply a style on mouseover, remove style on mouseout). The styles contain a
border color and background color.
var myrules = {
''.sortable li'' : function(element){
element.onmouseover = function(){
Element.addClassName(element,''hover'');
},
element.onmouseout = function(){
Element.removeClassName(element,''hover'');
}
}
};
The problem occurs after I run "Effect.Highlight" on a list item - the
background color of the "hover" style is then ignored, but the border
color
is applied.
I''ve tried adding "endcolor" and "restorecolor"
options to my Highlight, and
also specifying my colors in RGB and Hex, but neither work correctly.
I''ve
also tried different Effects - Pulsate, Shake - that leave my Hover styles
intact. Happens in both Firefox 1.5 and IE6 on Windows.
I threw together a stripped down test file:
http://bbuchs.f2o.org/highlight/
Any suggestions?
-----
Bryan T. Buchs