setStyle() not working as expected

[ruchir123]

Hello,

I have a need when a mouse pointer hovers over a vbox container, the
backgroundColor property should be changed to a gray color and when the mouse
leaves the vbox container, it will turn back to the white background. I am
trying to achieve this by following function which is being called from
mouseOver event assigned to vbox container.

The problem : it is not changing the color using set style method.

<mx:Script>
<![CDATA[
function trackMouse(event) {
var curX = event.target.mouseX;
var curY = event.target.mouseY;
sands.VBox = curX;
sands.VBox = curY;
//mx.controls.Alert.show(curX,curY);
if (curX == 6 && curY == 295) {
// mx.controls.Alert.show("You found it!");
mx.styles.StyleManager.styles.VBox.backgroundColor = "#F7F7F7";
sands.setStyle("backgroundColor","#F7F7F7");
}
}]]></mx:Script>

Any Idea where Am I wrong?

Thanks,

Ruchir

[ntsiii]

Does any of that work?

What does the "sands.VBox" reference return?

Try setting the style directly from a button.

Tracy

[ruchir123]

Unfortunately no,

sands.vbox = sands is the id for vbox container. Vertical box container lay
out. This vbox occupies an area on the page and whenever the mouse pointer
moves to that area of the page the vbox container's background should have
different color.

That is what i am trying to achieve thru that piece of code.

BTW, Thank YOU for posting a reply.

Ruchir

[ntsiii]

Here is an example in case you did not get this working yet.
Tracy



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:Script><![CDATA[

//toggles VBox background color on mouseover/mouseout
private function setStyleVBox():Void
{
var iBGColorCur:Number = vb1.getStyle("backgroundColor")
if (iBGColorCur == 0xFFFF00) {
vb1.setStyle("backgroundColor", "#F7F7F7");
}
else {
vb1.setStyle("backgroundColor", "#FFFF00");
}
}//setStyleVBox
]]></mx:Script>

<mx:Panel id="pnl1" height="250" width="300" label="setStyle Example. Mouse
Over / out VBox ">
<mx:VBox id="vb1" backgroundColor="#FFFF00" height="150" width="200"
mouseOver="setStyleVBox()"
mouseOut="setStyleVBox()">
<mx:Label id="lbl1" text="Label" />
<mx:TextInput id="ti1" />
</mx:VBox>
</mx:Panel>
</mx:Application>