How do you change a background image in an HBox control via actionscript?

Question

Hi All,
I would like to change the background image of a HBox control
when the user clicks on a tab (tabnavigator control). I call a
function on the 'activate' method of a VBox control, within the
TabNavigator. So for each of the tabs when a tab is selected an
appropreate image is displayed in another part of the screen.
Thanks for any insights/help
regards
Davej

Answer 1

Binding a string variable and using the show() event instead
of the activate event will work. See Below
<mx:Script>
<![CDATA[
[Bindable]
private var mystring:String = new String();
private function dispAssocIMG(f3rd:String):void {
mystring = f3rd;
]]>
</mx:Script>
<mx:HBox backgroundImage="{mystring}" id="first3rd"
width="567" height="336" y="209"></mx:HBox>
<mx:HBox id="mid3rd" width="457" height="336" y="209"
x="567" backgroundColor="#956944">
<!-- Tab Navigator -->
<mx:TabNavigator height="336" width="457" >
<mx:VBox label="about me"
show="dispAssocIMG('image1.jpg')"></VBox>
<mx:VBox label="test2"
show="dispAssocIMG('image2.jpg')"></mx:VBox>
</mx:TabNavigator>
</mx:HBox>
</mx:Application>