AS3 toggle button with dynamicly loaded images

programming flash
1

I have a flash file that loads an xml. It then populates a movieclip container with small images that act like buttons. The location, x and y coordinates are stored in the xml.

These buttons need to be toggled off and on with a mouseclick. Clicking one button, toggles the clicked one on, and all the others off etc. Only 1 should be active at the time. How do I accomplish this? I can activate it, but not deactivate it :frowning:

The button actions
links = xml.lenght
loc* = name of the image


function mouseListener(event:MouseEvent) 
{
 switch (event.type) 
 {
//[...] Removed unintersting part for readability
  case MouseEvent.CLICK :
//If the button pressed name, doesnt correspond with the name 
//of the rest of the buttons, add new eventlistener to it(that got 
//removed when clicked)
   for(var i:int=0; i < links; i++)
   {
    if(loc* != event.target.name)
    {
     addEventListener(MouseEvent.MOUSE_OVER, mouseListener); 
     addEventListener(MouseEvent.MOUSE_OUT, mouseListener); 
    }
   }     
//change the color of the button clicked and remove the 
//mouseevents, so it doesnt trigger a mouse out which puts the
// color back off, then fire a function
   TweenFilterLite.to(event.target, 0.25, {colorMatrixFilter:{colorize:tint, amount:1}});
      event.target.removeEventListener(MouseEvent.MOUSE_OUT, mouseListener); 
   event.target.removeEventListener(MouseEvent.MOUSE_OVER, mouseListener);
   doSomething(event);   
  break;
 }
} 
}

Here is the xml function


function showXML(e:Event):void 
{
 XML.ignoreWhitespace = true; 
 sitemap = XML(e.target.data);
 links = sitemap.link.length();
 var brnArray:Array;
 var i:int = 0;
 //walk the xml and put the values in different arrays so I can access them globally later on
 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());
 
  var spotloader:Loader=new Loader();
  spotloader.load(new URLRequest("images/hotspots/"+ tracktype*+".png"));
  spotloader.x = locx* - spotloader.width/2;
  spotloader.y = locy* - spotloader.height/2;
  spotloader.name = loc*;
  spots.addChild(spotloader);
 
  spotloader.addEventListener(MouseEvent.CLICK, mouseListener);
  spotloader.addEventListener(MouseEvent.MOUSE_OVER, mouseListener);
  spotloader.addEventListener(MouseEvent.MOUSE_OUT, mouseListener); 
 }

The tutorials I found about toggle buttons all add frames to the button, and/or a bunch of if else. Can someone help me, I feel i’m almost there.

Thanks :slight_smile: