FlexCoders, I would like to load html content into my text area via an xml file. I think(?) I need a custom item render for link that will be contained within the text. When the link is clicked it should load a specific video to be played within the videoplayer and then seek to a specific time within in the video using doSeek.
Joel #######begin crude xml file########## <mytext> <h1>Instruction number 1</h1> <ol><li><b><font color="#FF0000">Item 1</font></b></li><li>Item 2 </li><li>Item 3</li></ol> <body>This is the link that will load the video mylink</body> <h1><h1>Instruction number 2</h1></h1> <body>We move this to that</body> </mytext> #######begin Flex##################### <?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" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> <fx:String id="xmlText" source="../assets/en_app_data.xml" /> </fx:Declarations> <fx:Script> <![CDATA[ protected function btn_clickHandler(evt:MouseEvent):void{ if (vdPlyr.playing) { vdPlyr.pause(); } vdPlyr.videoElement.videoObject.clear(); } private function doSeek( sec:int):void { vdPlyr.seek(sec); } ]]> </fx:Script> <s:Panel width="707" height="567" title="Videos"> <s:DropDownList x="112" y="13.5" click="btn_clickHandler(event)"></s:DropDownList> <s:DropDownList x="367" y="13.5" width="253" click="btn_clickHandler(event)"></s:DropDownList> <s:VideoPlayer id="vdPlyr" horizontalCenter="-3" verticalCenter="5" source="../assets/videos/videblue.flv" width="540" height="444"/> <s:Label x="81" y="18" text="Belt"/> <s:Label x="269" y="18" text="Technique/Form"/> </s:Panel> <s:Panel x="730" y="0" width="284" height="567" title="Step by step instruction"> <mx:TextArea x="10" y="10" width="264" height="511" htmlText="{xmlText}" editable="false"/> </s:Panel> </s:Application>
