[flexcoders] Re: Adding event to an image set as titleIcon property

[valdhor]

I do this all the time. I have two embedded images that are set as
bindable (openNav and closeNav). The image source is dependent on a
property named isOpen. I have attached a click handler to the image:

<mx:Image source="{isOpen == false?(openNav):closeNav}"
useHandCursor="true" buttonMode="true" mouseChildren="false"
id="thisToggleImage" click="toggleAccordionItem()" right="5" top="5" />

The toggleAccordionItem function just runs an effect to open or close my
panel.

private var shrinkBox:Resize = new Resize();
private var growBox:Resize = new Resize();

private function toggleAccordionItem():void
{
    if(isOpen)
    {
       shrinkBox.duration = 500;
       shrinkBox.target = thisAccordionItem;
       shrinkBox.end();
       shrinkBox.heightTo = 21;
       shrinkBox.play();
    }
    else
    {
       growBox.target = thisAccordionItem;
       growBox.end();
       growBox.heightTo = 300;
       growBox.play();
    }
    isOpen = !isOpen;
}

--- In flexcoders@yahoogroups.com, "pratikshah83" <[EMAIL PROTECTED]>
wrote:
>
> Hi ,
>
> I am currently using a collapsible panel. It expands or collapse when
> we click the panel header. Currently I have an event on the titleBar.
> I have an open and close arrow image set as titleIcon property, I
> would like to add a click event on that arrow image property instead
> of the titleBar.
>
> Any help in this regards is appreciated.
>
> Thanks
> Pratik
>