Button Color Change on Hover and Exit

[Erik33503638himc]

Hi,

I searched this forum but couldn't find an answer to my inquiry. I have a Adobe form with a button that I want to change color when the user hovers over it (MouseEnter) and changes color back when the user no longer hovers over it (MouseExit). The button default RGB color is set as 0,0,255. The following Javascript doesn't seem to work. Am I doing something wrong? Thank you!

Mouse enter

event.target.fillColor = (color.equal(["RGB", 0/255,0/255,255/255], event.target.fillColor)) ? ["RGB", 240/255,255/255,255/255] : ["RGB", 0/255,0/255,255/255];

Mouse exit

event.target.fillColor = (color.equal(["RGB", 240/255,255/255,255/255], event.target.fillColor)) ? ["RGB", 0/255,0/255,255/255] : ["RGB", 240/255,255/255,255/255];

[try67]

Using custom colors with fractional values is very tricky as they can be adjusted behind the scenes to something else, and then the comparison will fail. I suggest using something else, like the field's tooltip.

[Thom Parker · Accepted solution]

This type of comparison won't work. But there's is no reason to do it anyway.

Use this: 

Mouse enter

event.target.fillColor = ["RGB", 240/255,1,1];

Mouse exit

event.target.fillColor =  ["RGB", 0,0,1] ;

[Erik33503638himc]

Great, this worked! Thank you.