Complex drop down menu (rollout problem)

programming flash
1

Hi there.
This is my first post.
I hope someone can help me out with this one.

I can’t figure out how to close this menu when mouse pointer is moved outside the menu.Or is it possible with that kind of solution?

function openMenu()
{
  if (!menuopen) 
  {
    for (i=0; i<_root.menuArray.length; i++) 
    {
      this._parent.attachMovie("menuitem", "menuitem"+i, i);
      this._parent["menuitem"+i]._x = 190;
      this._parent["menuitem"+i]._y = -35;
      this._parent["menuitem"+i].ydest = -35+(-26*i);
      this._parent["menuitem"+i].itemlabel = _root.menuArray*[0];
      this._parent["menuitem"+i].item = i;


      if (_root.menuArray*[2] == 1)
      {
        this._parent["menuitem"+i].onRollOut = function() 
        {
          this.gotoAndStop("inactive");
        };
        this._parent["menuitem"+i].gotoAndStop("inactive");
      } 
      else 
      {
        this._parent["menuitem"+i].onRollOut = function() 
        {
          this.gotoAndStop("up");
        };
        
        
      }
      this._parent["menuitem"+i].onRollOver = function() 
      {
        this.gotoAndStop("over");
      };
      
      this._parent["menuitem"+i].onPress = function() 
      {
        this.gotoAndStop("down");
        _root.loaditem = this.item;
        _root.loadNext();
        closeMenu (); 
      }
      this._parent["menuitem"+i].transit("_y", this._parent["menuitem"+i].ydest, 15);
    }
    menuopen = true;
    }
  else closeMenu();
}
function closeMenu() 
{
  for (i=0; i<_root.menuArray.length; i++) 
  {
    this._parent["menuitem"+i].removeMovieClip();
    this["menuitem"+i].removeMovieClip();
  }
  menuopen = false;
}
menu_btn.onRollOver = openMenu;
2

fla is 262KB :slight_smile:

3

Solved this one already.
Problaly not the best solution but i’ve just added one big button behind this menu with closeMenu function on RollOver.