Not sure if you've checked this out yet, but here's a blog by Brian Deitte that talks about using IFrame. http://www.deitte.com/archives/2006/05/update_to_embed.htm and another: http://renaun.com/blog/2006/11/16/157/
I'm pretty sure wmode needs to be opaque to get it to work right, but hopefully you'll find some help in those links. -Marty On 5/17/07, John Robinson <[EMAIL PROTECTED]> wrote:
I think (without looking too hard!) that this is much more of an HTML problem, than something to do with Flex specifically. It looks like the component just overlays a div/iframe over the top of the flash content. This page might help... http://www.sitepoint.com/forums/showpost.php?p=3164991&postcount=44 Also take a look at the example (for Safari) somewhere on that page: http://www.ambiguism.com/sandbox/scripts/wmode/ Overlaying html content over flash content has been an issue for quite some time. Google might help you find a solution... search around for "flash div" or "drop down menu over flash content" or something similar. John On May 17, 2007, at 2:49 AM, barry.beattie wrote: http://www.flexcapacitor.com/htmlcomponent/examples/HTMLFrameInAppli cation.html I'm using the HTML component in IFRAME mode on a canvas with other controls. When ever I click a button, the HTML content disappears within the HTML component. clicking on the component itself returns focus and the HTML appears again. I've also got other controls - sliders - that has no effect. Also tried mouseUp() instead of click(). no improvement the sample (link above) is a bit deceptive: the buttons there directly give the control focus back. My use just leaves the IFRAME sitting there independent of the actions on the rest of the canvas. can anyone suggest things to try to pin-point exactly where the problem might be? I'm using it pretty simply, nothing fancy: <mx:Canvas width="800" height="600" backgroundColor="#FFFFFF"> <mx:TabNavigator width="780" height="580" x="10" y="10"> <!-- Diagnostic Tool --> <mx:Canvas label="Diagnostic Tool" width="100%" height="100%" > <mx:VBox width="100%"> <!--- HTML COMPONENT as IFRAME --> <ns1:HTML height="330" elementType="iframe" source="{bookmark}" id="myframe2" width="100%"/> </mx:VBox> <mx:Panel width="100%" height="50%" id="pnl_dataEntry" title="Please Rate Your Response Here" y="331"> <mx:HBox width="100%" verticalAlign="middle" horizontalAlign="center"> <mx:Text text="[EMAIL PROTECTED]" width="20%"/> <mx:TextArea width="80%" height="100%" id="questionText" text="[EMAIL PROTECTED]"/> </mx:HBox> <mx:HBox width="100%" verticalAlign="middle" horizontalAlign="center"> <mx:Text text="cursor index:{cursor}" width="10%"/> <mx:Button label="|<" id="btnFirst" click="first()" /> <mx:Button label="<<" id="btnBack" click="back()" /> <!-- --> <mx:HSlider value="[EMAIL PROTECTED]" focusOut="onRatingChange( event )" minimum="0" maximum="10" snapInterval="1"/> <!-- ALTERNATIVE DATA ENTRY <mx:TextInput id="txtWeight" text="[EMAIL PROTECTED]" focusOut="onRatingChange( event )" /> --> <mx:Button label=">>" id="btnNext" click="next()"/> <mx:Button label=">|" id="btnLast" click="last()"/> <mx:Text text="rating:[EMAIL PROTECTED]" width="10%"/> </mx:HBox> </mx:Panel> </mx:Canvas> <!-- Reporting --> <mx:Canvas label="Reporting" width="100%" height="100%"> </mx:Canvas> <!-- Policy Document --> <mx:Canvas label="Policy Document" width="100%" height="100%"> <ns1:HTML width="100%" height="100%" elementType="iframe" source="{policyDoc}" id="myframe"/> </mx:Canvas> <!-- Help --> <mx:Canvas label="Help" width="100%" height="100%"> </mx:Canvas> <!-- --> </mx:TabNavigator> </mx:Canvas>
