I have a component, mentioned in another post (attached here as well), which is
canvas component with a two image components in it: one is the "object"
itself, and the other is a "close" button.

The object has a click handler which brings it to the front of the display
list. The close button has a click handler which removes the whole object from
the parent container's display list. Both of these handlers work fine; the
problem is the debugger is throwing an error because a click on the close
button is apparently trying to bring IT to the front:

TypeError: Error #1009: Cannot access a property or method of a null object
reference.
at
com.taunton.games::GameItem/clickedMe()[/Users/Shared/WORK/CraftStylish/Ultimate
Sewing Room/flex/src/com/taunton/games/GameItem.mxml:50]

"clickedMe" is the handler that's assigned to the main object, it doesn't make
sense on the close button, hence the error. How can I prevent this?

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()"
minWidth="200" minHeight="200" creationPolicy="all">
<mx:Script>
<![CDATA[

private function init():void {
itemImage.source = filePath;
this.addEventListener(MouseEvent.MOUSE_DOWN, dragMe);
this.addEventListener(MouseEvent.MOUSE_UP, dropMe);
this.addEventListener(MouseEvent.CLICK, clickedMe);
this.addEventListener(MouseEvent.MOUSE_OVER, showClose);
this.addEventListener(MouseEvent.MOUSE_OUT, hideClose);
closeBtn.addEventListener(MouseEvent.ROLL_OVER, enableClose);
closeBtn.addEventListener(MouseEvent.MOUSE_OUT, disableClose);

}

private function clickedMe(e:MouseEvent):void {
parent.setChildIndex(this, parent.numChildren-1);
clickSound.play();
}

private function deleteMe(e:MouseEvent):void {
Application.application.furniture.removeChild(e.cu rrentTarget.parent)
deleteSound.play();
}

private function showClose(event:MouseEvent):void {
closeBtn.visible = true;
this.setStyle("borderSize", 3);
}

private function hideClose(event:MouseEvent):void {
closeBtn.visible = false;

}

private function enableClose(e:MouseEvent):void {
closeBtn.addEventListener(MouseEvent.CLICK, deleteMe);
}

private function disableClose(e:MouseEvent):void {
closeBtn.removeEventListener(MouseEvent.CLICK, deleteMe);
}

]]>
</mx:Script>


<mx:Image id="itemImage" />
<mx:Image id="closeBtn" source="@Embed('assets/close.png')" visible="false"
/>

</mx:Canvas>

You should check what is null via debugging.
Looking at the code a good candidate can be "closeBtn".

Hope this helps,

-c.

Well, it's the line

parent.setChildIndex(this, parent.numChildren-1);

In both cases, "parent" i supposed to be the container that holds this object,
the master container in the app.

However, the close btn is ALSO calling this and these items are null for it --
but ok for ITS parent.

"Handycam" <webforumsuser@macromedia.com> wrote in message
news:ge7j8a$su4$1@forums.macromedia.com...
> Well, it's the line
>
> parent.setChildIndex(this, parent.numChildren-1);
>
> In both cases, "parent" i supposed to be the container that holds this
> object,
> the master container in the app.
>
> However, the close btn is ALSO calling this and these items are null for
> it --
> but ok for ITS parent.

Try looking at these:
http://www.adobe.com/devnet/flex/art..._coupling.html
http://www.adobe.com/devnet/flex/art...ating_pt1.html

I am not quite sure of all the logic but it seems as though you need to
identify if the close image has been clicked.

Put a mouseChildren="false" on the close button image and in the clickMe you
can check the event.target to see if it is the image that was clicked. If it
is the image then skip all processing except for cleanup and closing the window.

if(e.target.id == "closeBtn")
close the window
else {
parent.setChildIndex(this, parent.numChildren-1);
clickSound.play();
}

Not having the mouseChildren will not pass the image as the target, I think it
will pass the canvas. Don't check the currentTarget.