Mega Code Archive

 

Categories / Flex / Event

 

Add a click event listener to each of the colored boxes

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">     <mx:Script>                  public function moveUp(event:Event):void         {             var box:Canvas = event.currentTarget as Canvas;             colorsPanel.removeChild(box);             colorsPanel.addChild(box);         }            </mx:Script>     <mx:Panel id="colorsPanel" width="250" height="250" layout="absolute">         <mx:Canvas id="redBox" x="70" y="70" width="50" height="50"             backgroundColor="#FF0000" click="moveUp(event)" />         <mx:Canvas id="greenBox" x="90" y="90" width="50" height="50"             backgroundColor="#00FF00" click="moveUp(event)" />         <mx:Canvas id="blueBox" x="100" y="60" width="50" height="50"             backgroundColor="#0000FF" click="moveUp(event)" />     </mx:Panel> </mx:Application>