`
黑猪王子
  • 浏览: 132439 次
  • 性别: Icon_minigender_1
  • 来自: 云南
社区版块
存档分类
最新评论

flex 3通过iframe嵌入完整html网页的简单办法

阅读更多
网上有很多文章写flex嵌入网页的方法,不过看了一下都是一篇比较老的文章了,用的是flex2的

小弟需要播放rmvb文件,而不是用flv,只能靠嵌入网页的办法了,找到一个flex的iframe自定义类,比较好用,分享下,帮新手了,高手自己估计都自己封装了,也没人支个招的
http://code.google.com/p/flex-iframe/
首先从上面的网址下载fb3_1_3_2.zip(自己挑版本吧)
解压,找到IFrameDemo\src\IFrame.as
复制到你自己的src里

在需要用的mxml中加入xmlns:local="*"(local)
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  initialize="init()" xmlns:local="*" width="1088" height="657">

需要用的的地方
<local:IFrame id="iFrame" source="http://www.google.com" width="100%" height="100%" />


source就是需要引用的网页url了

很简单吧,自己看看源代码就知道了,太简单了,难怪高手不写博文教人,实在很简单

PS:本人测试IE下正常,FF下有问题
分享到:
评论
6 楼 ftxc261656744 2010-11-09  
xintao222 写道
alosin 写道
现在最新版本1.43都还是有个问题,当我点击Iframe外面Flex的东西时,Iframe里面的内容就变成空白,目前都没找到好的办法解决啊

这个问题可以解决

这个问题怎么解决? 点击iframe的时候再重新加载一次网页?
5 楼 xintao222 2010-10-29  
alosin 写道
现在最新版本1.43都还是有个问题,当我点击Iframe外面Flex的东西时,Iframe里面的内容就变成空白,目前都没找到好的办法解决啊

这个问题可以解决
4 楼 chym_ouyj 2010-03-10  
sjbrising 写道
看似很简单,其实不简单,比如你可以吧这东西写成一个组件然后再加到application中试一下。问题多多啊。

     是啊  这样有人试过没  问题怎么解决的啊
3 楼 alosin 2010-02-24  
现在最新版本1.43都还是有个问题,当我点击Iframe外面Flex的东西时,Iframe里面的内容就变成空白,目前都没找到好的办法解决啊
2 楼 sjbrising 2009-11-16  
看似很简单,其实不简单,比如你可以吧这东西写成一个组件然后再加到application中试一下。问题多多啊。
1 楼 olive009 2009-06-03  
thanks for sharing,期待提供其它更多有用信息。

相关推荐

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    而IFrame(Inline Frame)是HTML的一个元素,允许在页面内嵌入另一个完整的网页。在Flex中使用IFrame,可以将HTML内容与Flex组件结合,实现混合式应用。 遇到的典型问题主要有两个: 1. **Flex组件被遮挡**:由于...

    flex 嵌入完美Iframe

    总结来说,"flex 嵌入完美Iframe"是指在Flex应用程序中通过AS3代码实现HTML Iframe的加载和交互,这通常涉及到SWFLoader组件、跨域策略、以及AS3与JavaScript的交互机制。而“CTICSIIFrame.as”很可能是一个封装了...

    Iframe(Flex嵌入完整网页的类)

    在Flex中嵌入完整的网页所用到的类, xmlns:flexiframe="com.google.code.flexiframe.*" &lt;flexiframe:IFrame id="helpFrame" source="assets/dreamweaver/help/helpHome....

    Flex嵌入IFrame解决方案

    源代码示例中,IFrame的使用是通过Flex的`flexiframe:IFrame`组件实现的,该组件允许将IFrame作为一个Flex组件插入到应用中。`source`属性指定了IFrame加载的URL,`width`和`height`定义了IFrame的尺寸,`...

    Flex项目Google IFrame使用

    在Flex项目开发中,有时我们需要将外部网页内容嵌入到我们的应用中,这时Google IFrame就成为了一个常用的选择。IFrame(Inline Frame)是HTML的一种元素,它允许我们在一个网页中嵌入另一个网页,这对于展示第三方...

    flex中的iframe源码

    7. **交互性**:虽然iframe在Flex中主要用作静态内容的容器,但也可以尝试通过JavaScript通信(如`ExternalInterface` API)实现Flex与嵌入iframe之间的交互。 在提供的"iframe"文件中,很可能包含了实现上述功能的...

    flex嵌入html的容器

    3. 使用`&lt;iframe&gt;`结合`&lt;object&gt;`或`&lt;embed&gt;`嵌入Flex IFrameDemo可能利用`&lt;iframe&gt;`来加载一个包含`&lt;object&gt;`或`&lt;embed&gt;`标签的HTML页面。这样做的好处是可以使Flex应用与主页面隔离,避免样式冲突和JavaScript...

    flex-iframe

    Flex-iframe是一个强大的技术,它允许开发者在Adobe Flex应用程序中嵌入HTML页面,如同使用内联框架(iframe)一样。这种技术极大地扩展了Flex的功能,使得开发者能够将丰富的Web内容和交互性引入Flex应用,而无需...

    flex中使用iframe

    在Flex开发中,有时我们需要集成外部网页或者HTML内容到我们的应用程序中,这时候`iframe`就成为一个重要的工具。Flex是Adobe推出的一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。本文将...

    flex中嵌入html

    3. 交互与控制:你可以通过`iframe`对象的属性和方法来控制IFrame的行为,例如改变源URL、调整大小等。同时,如果HTML页面内有JavaScript,可以通过`iframe.contentDocument`或`iframe.contentWindow`访问和交互。 ...

    flex-iframe-1.4.6

    然而,有时需要在Flex应用内部展示来自其他源的内容,比如嵌入网页或视频,这时iframe就显得非常有用。flex-iframe-1.4.6就是为此目的而设计的,它提供了在Flex环境中集成iframe的解决方案。 这个压缩包文件"flex-...

    flex IFrame控件的配置使用详细过程

    &lt;flexiframe:IFrame id="testHtml" label="Map" source="testMap.jsp" width="100%" height="100%" /&gt; ``` 其中`source`属性指定了要加载的JS页面路径。 ##### 3.2 实现Flex与JS页面的交互 IFrame组件还提供了`...

    flex-iframe-1.4.1.zip

    通过这种方式,我们可以轻松地将任何网页嵌入到我们的页面中,并利用Flex-Iframe提供的丰富功能进行增强。 总的来说,Flex-Iframe 1.4.1是一个强大且易用的iframe解决方案,它在保持向下兼容性的同时,提供了丰富的...

    iframe for flex!

    3. **自适应比例**:通过设置`flex-basis`属性,可以让`iframe`根据周围空间按比例缩放,保持内容的宽高比,防止内容被不正确地拉伸或压缩。 4. **对齐和间距控制**:`flex`布局允许我们精确控制`iframe`的对齐方式...

    Flex用的IFrame组件

    它是一个可以显示完整网页的容器,提供了在Flex应用中加载和显示外部资源的能力。使用IFrame,你可以将网页内容无缝地集成到你的Flex用户界面中,提供一个更丰富的用户体验。 2. **ActionScript编程** Flex的...

    Flex IFrame

    在Flex中集成IFrame,主要是为了让Flex应用能够与Web内容进行交互,例如加载外部网页、嵌入视频或使用其他基于Web的服务。 首先,我们来深入了解一下Adobe Flex。Flex是由Adobe Systems开发的一个开源SDK(软件开发...

    flex中嵌入网页完美解决方案

    利用google-iframe在flex中嵌入网页是在swf上覆盖一个div,flex与网页无法融合,这样会出现各种显示,控制问题,如页面自适应,页面显示控制,内容遮盖,网页内容不随flex滚动条滚动等,现在这些问题都解决了

    flex-iframe-1.5.1.swc

    在Flex应用中嵌入HTML代码或者网页,可以使用Iframe实现

Global site tag (gtag.js) - Google Analytics