you should have your source as a bindable variable then you can just change that variable when you need to and the source of the image should change.
I didn't look that closesly at the code... but it also looks like you are trying to load the same source into the image? If the image already has the source value set it won't reload the image you'll have to call unloadAndStop() on the image first table1.load(String(table1.source)) --- In [email protected], Alex Harui <aha...@...> wrote: > > Simplify the test case further. Just press a button and change the image > source. Then set a breakpoint in Image.as or SWFLoader.as and see what it is > doing. > > > On 4/21/10 12:20 PM, "Peter Davis" <p...@...> wrote: > > > > > > > I'm trying to fix a *very* simply app. that just displays some images, and is > supposed to refresh the images when their URL parameters change. In > particular, these are supposed to be images of data tables, and the query > string specifies a table style, a text color and a border color. The tables > display correctly when loaded, but they don't respond when I change the > source URLs. I've verified that the sourceChange event is triggered. I even > put the new URL into a TextInput control, and verified that this URL works > (display the correct table) in another browser tab. But the images in the > Flex app don't ever change. > > Thanks for any suggestions. > > Here's the whole thing: > > > <?xml version="1.0" encoding="utf-8"?> > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; > xmlns:s="library://ns.adobe.com/flex/spark > <http://ns.adobe.com/flex/spark> " > xmlns:mx="library://ns.adobe.com/flex/mx > <http://ns.adobe.com/flex/mx> " minWidth="800" minHeight="600"> > <fx:Script> > <![CDATA[ > import mx.events.ColorPickerEvent; > import mx.controls.Alert; > > private function imgInit(s:int):void > { > switch (s) > { > case 1: > table1.addEventListener(" > sourceChanged", image_sourceChanged); > break; > > case 3: > table3.addEventListener("sourceChanged", > image_sourceChanged); > break; > > case 5: > table5.addEventListener("sourceChanged", > image_sourceChanged); > break; > > default: > } > } > > private function image_sourceChanged(evt:Event):void > { > Alert.show(evt.toString() + "\nSrc: " + > Image(evt.target).source, evt.type); > } > > public var colorArr:Array =["0x231F20", "0x9E280E", "0x8A713C", > "0x007236", "0x007D97", > "2E3092", "0x5D1E79", "0x4C4C4E", "0x88191C", "0xF5821F", > "0x727C28", "0x1E9860", > "00837D", "0x0071BC", "0x7C51A1", "0x939598", "0xED1C24", > "0xFCAF17", "0xA5A85A", > "57BD7C", "0x57C5C7", "0x00AEEF", "0xAA4A9C", "0xA7A9AC", > "0xEC008C", "0xFFCE71", > "FFF200", "0xBED630", "0x95D5D1", "0x42C7F4", "0xBC7BB5", > "0xDCDDDE", "0xF49AC1", > "FEDCC6", "0xFFF78F", "0xE5F0CB", "0xE2F3F4", "0x9FC9EB", > "0xC7B2D6", "0xFFFFFF"]; > var urlBase:String = "http://localhost.us/viewtable.aspx";; > var textColorIndex:uint = 0; > var textColor:String = "000000"; > var borderColorIndex:uint = 0; > var borderColor = "000000"; > > protected function updateTables():void > { > //url1.text = urlBase + "?styleIndex=1&textColor=%23" + > textColor + "&borderColor=%23" + borderColor; > table1.source = urlBase + "?styleIndex=1&textColor=%23" + > textColor + "&borderColor=%23" + borderColor; > url1.text = String(table1.source); > table1.load(String(table1.source)); > table3.source = urlBase + "?styleIndex=3&textColor=%23" + > textColor + "&borderColor=%23" + borderColor; > table3.load(String(table3.source)); > table5.source = urlBase + "?styleIndex=5&textColor=%23" + > textColor + "&borderColor=%23" + borderColor; > table5.load(String(table5.source)); > } > > protected function > textColor_changeHandler(event:ColorPickerEvent):void > { > textColorIndex = ColorPicker(event.target).selectedIndex; > var fullName:String = colorArr[textColorIndex]; > textColor = fullName.substr(2); > updateTables() > } > > protected function > borderColor_changeHandler(event:ColorPickerEvent):void > { > borderColorIndex = ColorPicker(event.target).selectedIndex; > var fullName:String = colorArr[borderColorIndex]; > borderColor = fullName.substr(2); > updateTables(); > } > > ]]> > </fx:Script> > <fx:Declarations> > <!-- Place non-visual elements (e.g., services, value objects) here > --> > </fx:Declarations> > <s:Label x="25" y="30" text="Table Test" fontSize="24" fontWeight="bold"/> > <s:Label x="42" y="73" text="Text color:
"/> > <mx:ColorPicker x="109" y="63" dataProvider="{colorArr}" > change="textColor_changeHandler(event)"/> > <s:Label x="25" y="113" text="Border color:
"/> > <mx:ColorPicker x="109" y="103" dataProvider="{colorArr}" > change="borderColor_changeHandler(event)"/> > <s:TextInput id="url1" x="25" y="145" width="600" text=""/> > <mx:Image id="table1" x="25" y="185" initialize="imgInit(1);" > source="http://localhost.us/viewtable.aspx?styleIndex=1"/> > <!-- > <mx:Image id="table1" x="25" y="185" > source="http://localhost.us/viewtable.aspx?styleIndex=1"/> > --> > <mx:Image id="table3" x="25" y="335" > source="http://localhost.us/viewtable.aspx?styleIndex=3"/> > <mx:Image id="table5" x="25" y="485" > source="http://localhost.us/viewtable.aspx?styleIndex=5"/> > </s:Application> > > > -- > Alex Harui > Flex SDK Team > Adobe System, Inc. > http://blogs.adobe.com/aharui >
