event listener problem

Question

Greetings,I have the following code in my DocumentClass://navBar Listeners   this.navbar.arch_btn.addEventListener(MouseEvent.CLICK, clickHandler);   this.navbar.clients_btn.addEventListener(MouseEvent.CLICK, clickHandler);   this.navbar.news_btn.addEventListener(MouseEvent.CLICK, clickHandler);   this.navbar.arch_btn.addEventListener(MouseEvent.CLICK, clickHandler);   this.navbar.land_btn.addEventListener(MouseEvent.CLICK, clickHandler);   this.navbar.urban_btn.addEventListener(MouseEvent.CLICK, clickHandler);     function clickHandler(event:MouseEvent):void {    switch (event.currentTarget.name) {     case "firm_btn":     this.gotoAndStop(1,"about");     break;     case "clients_btn":     this.gotoAndStop(1,"clients");     break;     case "news_btn":     this.gotoAndStop(1,"newsawards");     break;     case "arch_btn":     reLoad("Transportation");     this.gotoAndStop(1,"category");     break     case "land_btn":     reLoad("Landscape");     this.gotoAndStop(1,"category");     break     case "urban_btn":     reLoad("Urban Design");     this.gotoAndStop(1,"category");     break;     default:     trace (event.currentTarget.name);    }   }However, the navbar movie clip does not enter the stage until frame11 after a brief animation. how can i get these listeners to start listening after frame 11? Thanks

Muzak · Answer

Make the main timeline (with the document class) 1 frame and 1 frame only.

Put the animation into a seperate movieclip and attach a class to it (e.g. Intro).

Attach a class to the navbar movieclip (e.g. NavBar).

Control everything from the document class.

- have the Intro class dispatch an event when animation is done.

- have document class listen to that event (Inro is done) and then display the NavBar

- NavBar will dispatch a custom event when a button is clicked, so that you only need to listen for 1 event for all buttons.

Instead of doing:

this.navbar.arch_btn.addEventListener(MouseEvent.CLICK, clickHandler);
this.navbar.clients_btn.addEventListener(MouseEvent.CLICK, clickHandler);
this.navbar.news_btn.addEventListener(MouseEvent.CLICK, clickHandler);
this.navbar.arch_btn.addEventListener(MouseEvent.CLICK, clickHandler);
this.navbar.land_btn.addEventListener(MouseEvent.CLICK, clickHandler);
this.navbar.urban_btn.addEventListener(MouseEvent.CLICK, clickHandler);

You'd then do:

   this.navbar.addEventListener(NavBarEvent.CHANGE, navChangeHandler);

The NavBarEvent could have a property that indicates which "button" was selected and/or the NavBar class could have a similar property (e.g. selectedLabel) that indicates which navbar item is selected.

This is similar to how a List, ComboBox or DataGrid component works, which have a "selectedIndex" property.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded