Question : Creating a rollover effect on a checkbox component

I'm trying to build a file that has a rollover effect on a checkbox component.

So when you mouse over the checkbox a movie clip displays to the side of the screen.

Im Using actionscript 2

Here is my code:

magpic_mc._visible = false;

magcheck.onRollOver = function () {
magpic_mc._visible = true;
};
magcheck.onRollOut = function () {
magpic_mc._visible = false;
};

Now for the most part this works. You mouse over the checkbox component and the movie clip displays and dissappears as it should, but when you click on the checkbox the movie clip stays visible and will not dissappear onRollOut. However when you use tab to change the keyboard focus of the checkbox it begins to work again.

Is there a way to make it only display the rollover when you mouse over it and not when the keyboard focus is on it?

Answer : Creating a rollover effect on a checkbox component

Hi DesignCityStudio:

I dont really get what you trying to do, corret me if I am wrong.

If you mean that you want to run some code when the user click to selected the check box or unselect the check box then you dont need your event listener, below the code already replace what your event listener is doing, your magcheck.addEventListener("click", magListener) is to detect if the user click on the checkbox now the code below it is acting as your eventlistener to detect the click on the check box.

mvc.onPress = function () {
   // any code here mean if the user click the check box
   // if you want to run some validation code etc when the check box is click no matter is selected or not then put your code here
   if (mvc.magcheck.selected){
      mvc.magcheck.selected = false;// <--- this mean the user unselect the check box
      // if check box is unselected then do your unselected code here
}else{
      mvc.magcheck.selected = true;// <--- this mean the user select the check box
      // if check box is selected then do your selected code here
}
};