0 0

我想用Flex想实现html的iframe功能,怎么实现呢5

我想用Flex想实现html的iframe功能,怎么实现呢,给点代码,就是我想点击左边的模块,然后在右边显示
  我用了一下http://code.google.com/p/flex-iframe/ 这个框架, 但这个框架显示出来的效果是,好像一个浮动的层,滚动滚动条的时候这个层单独的滚动,效果特别的诡异,
  有没有人做个类似的东西。。
  搞了好几天了,,也没有解决。。
2009年10月28日 21:31

2个答案 按时间排序 按投票排序

0 0

我用过flex-iframe这个框架
html的这个iframe层好像是在flex层上的,也就是说如果在flex中Alert.show()的话会被iframe这个层所覆盖。
我的解决方法:利用框架中的显示和隐藏功能,即开窗的时候隐藏,关窗后显示。
还有个现象就是随便点击别处(iframe以外的地方)容易隐藏iframe。
解决方法:在flex生成的html中,这样设置wmode="Opaque"(有两处!!!),
再就是添加几个脚本方法,如下:
function moveIFrame(x,y,w,h) {
    var frameRef=document.getElementById("myFrame");
    frameRef.style.left=x;
    frameRef.style.top=y;
    var iFrameRef=document.getElementById("myIFrame");
iFrameRef.width=w;
iFrameRef.height=h;
}

function hideIFrame(){
    document.getElementById("myFrame").style.visibility="hidden";
}

function showIFrame(){
    document.getElementById("myFrame").style.visibility="visible";
}

function loadIFrame(url){
document.getElementById("myFrame").innerHTML = "<iframe id='myIFrame' src='" + url + "'frameborder='0'></iframe>";
}
好像在body中,最下边还要添加:
<div id="myFrame" style="position:absolute;background-color:transparent;border:0px;visibility:hidden;"></div>

不知道你遇到的是不是这些问题,希望对你有帮助,至于滚动条的事,我是在iframe中,也就是html中加的,iframe这个层我是固定大小的。

2009年11月05日 14:23
0 0

flex的Module

2009年11月02日 17:08

相关推荐

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

    在Flex中使用IFrame,可以将HTML内容与Flex组件结合,实现混合式应用。 遇到的典型问题主要有两个: 1. **Flex组件被遮挡**:由于Flex和HTML的渲染机制不同,当HTML内容被加载到IFrame中时,可能会覆盖Flex组件,...

    flex中的iframe源码

    在IT行业中,Flex是一种...总之,使用Flex实现iframe功能是一种挑战,但通过自定义组件和HTMLText组件的巧妙运用,可以实现类似的效果。这样的技术可以帮助开发者在Flex应用中引入更多丰富的Web内容,提升用户体验。

    flex 嵌入完美Iframe

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

    flex中使用iframe

    在Flex中,我们不能直接使用HTML的`iframe`标签,但可以通过Flash Player的API和Flex组件库来实现类似的功能。 2. **使用NativeWindow API** Flex提供了一个`NativeWindow`类,可以创建和控制独立于应用程序主窗口...

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

    通过上述步骤,您已经掌握了如何在Flex项目中配置和使用IFrame组件来嵌入JS页面,并实现Flex与JS页面之间的交互。这不仅可以提高开发效率,还能帮助开发者构建更加丰富和动态的应用界面。希望本文能对您的项目开发...

    iframe for flex!

    文件名`flex-iframe-1.4.5`可能表示这是一个关于`iframe`与`flex`结合使用的版本号为1.4.5的资源库或框架,其中可能包含了实现这些功能的示例代码、文档或工具,帮助开发者更好地理解和应用`iframe`与`flex`的组合。...

    Flex项目Google IFrame使用

    在Flex项目中,我们同样可以利用IFrame来实现类似的功能。然而,在实际应用中,可能会遇到一些问题,比如IFrame内容消失等,这就需要我们深入理解IFrame的工作原理以及如何在Flex中正确使用它。 首先,让我们了解...

    flex-iframe

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

    Flex IFrame实现浏览附件信息

    Flex IFrame是一个在Adobe Flex应用程序中用于嵌入...通过以上知识点,我们可以理解如何使用Flex IFrame在Flex应用程序中实现附件的预览功能,涵盖了从基本的组件使用到具体的附件类型处理,以及相关的安全和性能考虑。

    flex-iframe-1.4.6

    在实际开发中,这种技术可以用于实现各种功能,比如在Flex应用中嵌入第三方地图服务、在线视频播放器,或者任何其他需要在Flex界面内展示的外部HTML内容。通过flex-iframe-1.4.6,开发者能够更灵活地扩展Flex应用...

    flex-iframe-1.4.1.zip

    这个版本不仅提供了基本的iframe功能,还考虑了向下兼容性,确保在不同版本的浏览器上都能顺畅运行。 Flex-Iframe的核心功能是提供了一个灵活且可自定义的框架,允许开发者在页面中无缝集成外部内容,比如视频、...

    flex iframe js

    在IT行业中,`flex iframe js`是一个特定的技术领域,它涉及到使用JavaScript与Adobe Flex应用程序进行交互,特别是通过IFrame(内联框架)实现。本文将深入探讨这一技术,包括其工作原理、应用场景以及如何实现AS...

    Flex IFrame

    这可以通过自定义组件或第三方库如FlexLib来实现,FlexLib提供了一个名为IFrame的类,可以直接在Flex中使用。 2. 创建IFrame实例:在MXML或ActionScript代码中,创建IFrame对象,并设置其属性,如src属性来指定要...

    Flex嵌入IFrame解决方案

    在某些项目中,可能需要将Flex组件与HTML页面中的IFrame元素结合使用,以便实现更复杂的网页布局和功能集成。本文主要讨论的是如何在Flex应用中正确地嵌入和处理IFrame的相关问题。 1. **在iframe边上点击后,...

    Flex用的IFrame组件

    Flex中的IFrame组件是一种在ActionScript(AS)环境中嵌入HTML内容或外部Web页面的工具。这个组件允许你在Flex应用程序中展示网页或者交互式...正确理解和使用IFrame组件,能够有效地提升Flex应用的功能性和用户体验。

    flex嵌入html的容器

    在IFrameDemo的例子中,我们可能还会用到`&lt;iframe&gt;`标签,它允许我们在一个HTML页面内嵌入另一个页面,这样可以将Flex应用作为一个独立的组件来使用。 1. 使用`&lt;object&gt;`标签嵌入Flex 在HTML文件中,我们可以创建...

    Flex IFrame中文注释使用方法详解

    这个功能使得Flex应用能够与外部Web资源交互,从而实现更丰富的用户体验。本文将深入探讨Flex IFrame的使用方法及其中文注释,帮助开发者更好地理解和应用这一组件。 首先,我们要理解什么是IFrame。IFrame(Inline...

    flex把html页面作为类似iframe的样子的组件完全的嵌入到mxml中去。

    这个资源可以帮助开发者更好地理解和实现HTML页面在Flex中的集成。 总之,将HTML页面嵌入到Flex MXML应用中,可以充分利用两种技术的优势,为用户提供更丰富、更动态的交互体验。通过IFrame组件,开发者可以轻松地...

Global site tag (gtag.js) - Google Analytics