Hi,
I have a drop down menu that is giving me some trouble. Im trying to have a the top button add child buttons and adjust to height on rollover. My issue is that when the mouse goes to the child buttons, the Mouse_Out event is triggered. Is there a better way to be doing this? Thanks
var btnWidth:Number = 100;
var btnHeight:Number = 60;
var navHeight:Number = 60;
var btnOneX:Number = 0;
var btnOne:BtnOne;
var btnOneArray:Array = new Array("selection One", "selection Two", "selection Three");
createBtn();
function createBtn(){
btnOne = new BtnOne;
btnOne.x = -10;
btnOne.alpha = .3;
btnOne.width = 100;
btnOne.height = navHeight;
btnOne.buttonMode = true;
btnOne.name = "btnOne";
addChild(btnOne);
btnOne.addEventListener(MouseEvent.MOUSE_OVER, btnOver);
}
function btnOver(e:MouseEvent):void{
e.target.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);
switch(e.currentTarget.name){
case "btnOne":
btnSetUp(btnOneArray, btnOneX, btnOne);
break;
}
}
function btnSetUp(buttonArray, xOffSet, selectedBtn){
for(var i:int = 0; i < buttonArray.length; i++){
var btnSubHolder:MovieClip = new MovieClip;
var btnSub:BtnSub = new BtnSub;
btnSub.y = navHeight + (i * btnHeight);
btnSub.x = xOffSet + 20;
btnSubHolder.name = "sub"+i;
btnSubHolder.buttonMode = true;
selectedBtn.addChild(btnSubHolder);
btnSubHolder.addChild(btnSub);
btnSubHolder.addEventListener(MouseEvent.MOUSE_DOWN, subBtnDown);
}
selectedBtn.height = navHeight + (btnHeight * buttonArray.length);
selectedBtn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);
}
function subBtnDown(e:MouseEvent){
trace(e.currentTarget.name);
//navigateToURL(new URLRequest("http://vshow.on24.com/vshow/e2e#exhibits/QA"));
}
function btnOut(e:MouseEvent){
removeEventListener(MouseEvent.MOUSE_OUT, btnOut);
removeChild(DisplayObject(e.target));
createBtn();
}