add /remove image control to canvas

[arjunender]

Hi,

i am able to add image control to canvas but how to remove it again

here is the my code for adding and removing

Code:

private function addchild(val:int):void{
image = new Image();
image.id = "pointer_img" + val
image.maintainAspectRatio = true;
image.width = 25
image.height = 25
image.x = 100
image.y = 50
image.load("skin/a.jpg")
    canvascontainer.addChild(image);
}

private removechild(val:int):void{
canvascontainer.removeChild( "pointer_img" + val)
}

this is the error displaying:

1067 : implicit coercion of a value of type string to an unrelated type flash.display:displayobject.

any suggestions

thanks
arjun

[flexy]

This line won't work:

Code:

canvascontainer.removeChild( "pointer_img" + val)

You can't reference an image using its ID.

Instead you should use:

Code:

canvascontainer.removeChild( image )

If you are creating multiple images, push them to an Array, then you can hold a reference to each image in the Array for when you need to remove them.

[arjunender]

thanks for reponding

I tried but failed

for adding in array:
pointerimg.push(cbtcontainer.addChild(image)) : working

for removing the child
cbtcontainer.removeChild(pointerimg); : not working

Error #2025: The supplied DisplayObject must be a child of the caller

thanks
arjun

[flexy]

Nope, you're doing that wrong.

Create 10 Image objects and add them as a child of cbtcontainer.

Code:

var pointerimg:Array = [];

for( var i:int; i<10; ++i )
{
     var image:Image = new Image();
     cbtcontainer.addChild( image );
     pointerimg.push( image );
}

Remove the same 10 Image instances from cbtcontainer

Code:

for( var i:int; i<10; ++i )
{
      if( cbtcontainer.contains( pointerimg[ i ] ) )
      {
           cbtcontainer.removeChild( pointerimg[ i ] );
      }
}

Note that these images still exist in the pointerimg Array, so if you want to add them back to the display list, you need only iterate through the Array again calling the addChild() method.

[fxdwebmaster]

Try this....

Code:

private function addchild(val:int):void{
image = new Image();
image.name = "pointer_img" + val;
image.maintainAspectRatio = true;
image.width = 25
image.height = 25
image.x = 100
image.y = 50
image.load("skin/a.jpg")
    canvascontainer.addChild(image);
}

private removechild(val:int):void{
var disp:DisplayObject=canvascontainer.getChildByName( "pointer_img" + val);
canvascontainer.removeChild(disp)
}

Hi,

i am able to add image control to canvas but how to remove it again

here is the my code for adding and removing

Code:

private function addchild(val:int):void{
image = new Image();
image.id = "pointer_img" + val
image.maintainAspectRatio = true;
image.width = 25
image.height = 25
image.x = 100
image.y = 50
image.load("skin/a.jpg")
    canvascontainer.addChild(image);
}

private removechild(val:int):void{
canvascontainer.removeChild( "pointer_img" + val)
}

this is the error displaying:

1067 : implicit coercion of a value of type string to an unrelated type flash.display:displayobject.

any suggestions

thanks
arjun

[arjunender]

hi,

i tried still not able to remove image

it is entering into the if statement but not removing the image and no error also

Code:

if( cbtcontainer.contains( pointerimg[ i ] ) )
      {
Alert.show(i)
           cbtcontainer.removeChild( pointerimg[ i ] );
      }

Thanks