// Créer les canvas dynamiquement
private function displayDetails():void{
    details.removeAllChildren();
    for( var i:uint = 0; i < contents.lastResult.content[selectedMovie].part.name.length(); i++ ){
        var canvas:Canvas = new Canvas();
        canvas.height = 80;
        canvas.width = 300;
        canvas.setStyle( "backgroundColor", 0x8888FF );
                // c'est ce canvas qu il faut rendre drag and drop

        var image:Image = new Image();
        image.source = contents.lastResult.content[selectedMovie].part[i].thumbnail;
        image.x = 1;
        image.height = 80;
        image.width = 55;
        image.alpha = 1.0;
        image.scaleContent = true;
        image.maintainAspectRatio = false;

        var labelTitle:Label = new Label();
        labelTitle.x = 60;
        labelTitle.y = 1;
        labelTitle.styleName = "test";
        labelTitle.text = contents.lastResult.content[selectedMovie].part[i].name;
        var labelDescr:Label = new Label();
            labelDescr.x = 60;
        labelDescr.y = 20;
        labelDescr.height = 60;
        labelDescr.width = 220;

        var textDescr:Text = new Text();
        textDescr.text = contents.lastResult.content[selectedMovie].part[i].desc;
        textDescr.height = 60;
        textDescr.width = 220;
        labelDescr.addChild(textDescr);

        canvas.addChild( image );
        canvas.addChild( labelTitle );
        canvas.addChild( labelDescr );

        details.addChild( canvas );
    }        
}


(...)

<!-- Les canvas seront créer a chaque clique de l utilisateurs sur un bouton dans l id details -->
<mx:Canvas id="detailsBox" x="280" y="130" width="320" height="240" visible="false">
<mx:VBox id="details"  x="0" y="0" ></mx:VBox>
</mx:Canvas>

        canvas.setStyle( "backgroundColor", 0x8888FF );
                // c'est ce canvas qu il faut rendre drag and drop

                var image:Image = new Image();
                image.source = "media/"+contents.lastResult.content[selectedMovie].part[i].thumbnail;
                image.x = 1;
                image.height = 80;
                image.width = 55;
                image.alpha = 1.0;
                image.scaleContent = true;
                image.maintainAspectRatio = false;
                
                                // C'est ceci qui ne fonctionne pas et je ne sais pas comment le faire fonctionné.... Que lorsqu'on clique sur l'image que ce l appel ma fonction maMethode( idImage)
                image.click = maMethode(idImage);

image.addEventListener(MouseEvent.CLICK, add);

image.data[0] = 2;
image.data[1] = 5;

private function addElement():void{
  var contentSelect:Number = target[0];
  var partSelect:Number = target[1];
...

  Error: Accès à la propriété non définie target.

//ma methode addElement a besoin d un nombre mais je en sais pas comment le donner a mon canvas pour le recuperer !
canvas.addEventListener(MouseEvent.CLICK, addElement);

event.target.toString();

truc.addEventListener("click",myEventManager)

public function myEventManager(e:MouseEvent):void{}

e.currentTarget.nombreAAdditionner

image.addEventListener("click",myEventManager);

public function myEventManager(e:MouseEvent):void
{
addElement(e.currentTarget.param1,e.currentTarget.param2); // on a "passé" les deux paramètres
}

canvas.nombreAAdditionner = 2;

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"    
    creationComplete="init();"    
>
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            private function init():void
            {
               var obj : Object =new Object();
               obj.test="coucou";
               img.data=obj;           
            }            
                        
            public function test():void
            {
                trace(img.data.test);
            }      
          
        ]]>
    </mx:Script>    
    <mx:Image id="img" click="test()" />      
</mx:Application>