Active inactive button state in pure as3 (no mc)

1

Hi all,

I want to create a set of buttons based on loaded images from xml that onClick turn red or grow in size, whatever, Clicking another turns that button red and the old one back to default. Alsoo it will attach a animated movieclip onclick to the button and when pressing another button, it swifts to that button.

 
 
var tracktype:Array = new Array;
var imgArray:Array = new Array;
var links:int;
var locx:Array = new Array;
var locy:Array = new Array;
var loc:Array = new Array;
var lname:Array = new Array;
 
function showXML(e:Event):void 
{
 XML.ignoreWhitespace = true; 
 var sitemap:XML = new XML(e.target.data);
 links = sitemap.link.length();
 
 var i:int = 0;
 for (i = 0; i < links; i++) 
 {
  loc.push(sitemap.link.loc*.text());
  locx.push(sitemap.link.locx*.text());
  locy.push(sitemap.link.locy*.text());
  tracktype.push(sitemap.link.tracktype*.text());
  lname.push(sitemap.link.name*.text());
  
  if (mapEnabled)
  {
   var loader:Loader=new Loader();
   loader.contentLoaderInfo.addEventListener(Event.COMPLETE, GenerateSpots);
   loader.load(new URLRequest("images/hotspots/"+ tracktype*+".png"));
  }
  }
 }
}
 
function GenerateSpots(event:Event):void
{
 imgArray.push(event.currentTarget.loader);
 if(imgArray.length==links)
 {
  for(var n:int=0;n<links;n++)
  { 
   var sUp:Bitmap = new Bitmap(imgArray[n].content.bitmapData);
   var sBtn:SimpleButton = new SimpleButton;
   sBtn.upState = sBtn.hitTestState = sBtn.downState = sBtn.overState = sUp;
   mapcontainer.addChild(sBtn);
   
   sBtn.x=  locx[n] - sUp.width/2;
   sBtn.y = locy[n] - sUp.height/2;
   sBtn.name = loc[n];
    
   //Setup Listeners
   sBtn.addEventListener(MouseEvent.CLICK, doPano);
   sBtn.addEventListener(MouseEvent.MOUSE_OVER, mouseListener);
   sBtn.addEventListener(MouseEvent.MOUSE_OUT, mouseListener); 
  } 
 }
}
function mouseListener(event:MouseEvent):void 
{
 switch (event.type) 
 {
  case MouseEvent.MOUSE_OVER :
   TweenFilterLite.to(event.target, 0.25, {colorMatrixFilter:{colorize:tint, amount:2}});
   
   toolT.tTipText.text =  event.target.name;
   toolT.x = event.target.x + 15;
   toolT.y = event.target.y -25;
   mapcontainer.addChild(toolT);;
   break;
  case MouseEvent.MOUSE_OUT :
   TweenFilterLite.to(event.target, 0.25, {colorMatrixFilter:{colorize:tint, amount:0}});
   mapcontainer.removeChild(toolT);
   break;
 }
}

I’ve tried it with a CLICK event. But when I move the mouse a bit, it fires the MOUSE_OVER. So I remove the listener of MOUSE_OVER and OUT when clicked.

 
  case MouseEvent.CLICK :
   TweenFilterLite.to(event.target, 0.25, {colorMatrixFilter:{colorize:tint, amount:10}});
//event.target.removeEventListener(MouseEvent.MOUSE_OUT, mouseListener);
//event.target.removeEventListener(MouseEvent.MOUSE_OVER, mouseListener);
   break;

But Now the problem is that when another button is clicked I have to add the listeners back on the button, but I cant get the button because they all have the same name. Same with addChild the animated movieclip. Can’t remove it. The buttons have a variable name, and can be unlimited.

2

no one?

3

just a little heads up, alot of people aren’t going to read all your code, and the less words of what you want while describing well the better. Its really late or i would help you, tomorrow i promise yawn bed

4

yeah, but If I use a few words then people will say that I have to look @ tutorials and act like I didnt try hard enough.

Basicly I want a 5 state button in pure as3 (no movieclip go to frame). A click activates one button, and deactivates the rest. I have trouble adding en removing listeners on the right time and referecing the buttons which arent pressed because the buttons come from a loop. Alsoo I MUST get the name of the pressed button with event.target.name in the Click function.

5

This may help out: http://www.kirupa.com/forum/showthread.php?t=272658

6

I’ll look into it, but it seems more complicated then I need. I dont see how I can loop this and paste loaded buttonimages into it. I need some more looking into it

7

and? :stuck_out_tongue:

8

Ok i thought that guy cleared it up with the custom stuff that guy made. Thats really what you want. Though if you want a quick fix


{
If(bt_down.alpha = 1)
{
bt_down.alpha = 0
bt_down2.alpha = 1
}
else
{
bt_down2.alpha = 1
}
}

second
{
If(bt_down2.alpha = 1)
{
bt_down2.alpha = 0
bt_down.alpha = 1
}
else
{
bt_down.alpha = 1
}
}

Use conditional statements, so you want a red button on press
change the above conditionals. bt_down is what the button looks like on down, bt_down2 is the second buttons down state. Though this method you use four movieclips instead of two, which is a huge pain in the A%&, so again go with the complex button package.

If you really really can’t figure it out i’ll post an example and source, but try that first kay