`
lan13217
  • 浏览: 496023 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

flex 嵌入 iframe 点iframe 外面的区域 iframe会消失。。 解决办法

阅读更多

http://hi.baidu.com/qiyangyang2009/blog/item/ebc9731d72b2a98587d6b685.html

RIA知识库 
flex 
RIA 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <!--
    Smart developers always View Source.
   
    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR.
   
    Learn more about Flex at http://flex.org
    // -->
    <head>
        <title></title>        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and
       the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as
    the percentage of the height of its parent container, which has to be set explicitly. Initially,
    don't display flashContent div so it won't show if JavaScript disabled.
   -->
        <style type="text/css" media="screen">
    html, body { height:100%; }
    body { margin:0; padding:0; overflow:auto; text-align:center;
          background-color: #ffffff; }  
    #flashContent { display:none; }
        </style>
  
   <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
        <!-- BEGIN Browser History required section -->
        <link rel="stylesheet" type="text/css" href="history/history.css" />
        <script type="text/javascript" src="history/history.js"></script>
        <!-- END Browser History required section -->
     
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. -->
            var swfVersionStr = "10.0.0";
            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {};
            var params = {};

            / /在嵌入flex的html页面中加入这个,

           //object里有个   wmode的属性,你把他设为透明就行了。

            params.wmode="transparent";

            params.quality = "high";
            params.bgcolor = "#ffffff";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "timeline";
            attributes.name = "timeline";
            attributes.align = "middle";
            swfobject.embedSWF(
                "timeline.swf", "flashContent",
                "100%", "100%",
                swfVersionStr, xiSwfUrlStr,
                flashvars, params, attributes);
    <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
    swfobject.createCSS("#flashContent", "display:block;text-align:left;");
        </script>
    </head>
    <body>
        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough
    JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
    when JavaScript is disabled.
   -->
        <div id="flashContent">
        <p>
         To view this page ensure that Adobe Flash Player version
     10.0.0 or greater is installed.
    </p>
    <script type="text/javascript">
     var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
     document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
         + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );
    </script>
        </div>
   
       <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="timeline">
                <param name="movie" value="timeline.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="timeline.swf" width="100%" height="100%">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                <p>
                   Either scripts and active content are not permitted to run or Adobe Flash Player version
                   10.0.0 or greater is not installed.
                </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
     </noscript>  
   </body>
</html>

 

分享到:
评论

相关推荐

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

    本文将详细讲解如何利用IFrame解决这些问题,特别是针对Flex菜单的遮挡问题。 首先,理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而...

    flex 嵌入完美Iframe

    在Flex中嵌入Iframe是为了能够展示HTML内容,这可能是为了利用现有的网页服务、集成第三方Web应用或者引入动态内容。由于Flex和HTML是两种不同的技术栈,它们之间的整合需要一些技巧和策略。 首先,我们需要了解...

    flex-iframe-1.4.6

    flex-iframe-1.4.6就是为此目的而设计的,它提供了在Flex环境中集成iframe的解决方案。 这个压缩包文件"flex-iframe-1.4.6.rar"包含的可能有以下几个关键部分: 1. **源代码**:通常包含AS3(ActionScript 3)代码...

    flex-iframe-1.4.1.zip

    《深入理解Flex-Iframe 1.4.1:构建跨平台的嵌入式视图解决方案》 在现代Web开发中,iframe(内联框架)是一种常见的技术,用于在一个HTML页面中嵌入另一个网页或者实现页面的分隔。当我们谈论"flex-iframe-1.4.1....

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

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

    Flex项目Google IFrame使用

    通过分析和学习"IFrameDemo",你应该能够解决Flex项目中Google IFrame的消失问题,并对如何在Flex应用中有效地使用IFrame有更深入的理解。记得在实际应用中不断测试和优化,确保IFrame的稳定性和性能。

    flex-iframe

    在IT行业中,`flex-iframe`是一个用于在Adobe Flex应用程序中嵌入HTML内容的解决方案。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用(RIA)。`iframe`,即内联框架,是HTML中用于在单个...

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

    为了解决这一需求,本篇文章将详细介绍如何利用Google开发的IFrame组件来实现在Flex应用中嵌入并交互JS页面。 #### 二、IFrame组件介绍及安装 ##### 2.1 组件概述 IFrame组件是一种专门用于在Flex应用中嵌入HTML...

    flex中的iframe源码

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

    iframe for flex!

    1. **响应式嵌入**:利用`flex`的灵活性,可以动态调整`iframe`的大小以适应容器的变化,从而创建响应式的嵌入内容。这在响应式设计中非常有用,因为页面布局可以根据窗口大小自动调整。 2. **多窗口布局**:在一个...

    flex嵌入html的容器

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

    flex-iframe-1.5.1.swc

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

    Flex IFrame

    7. **性能优化**:在Flex应用中嵌入IFrame可能会对性能产生影响,特别是在处理大量动态内容或交互时。因此,合理使用缓存、优化加载策略以及适时更新IFrame内容都是必要的。 8. **布局与样式**:在Flex应用中,...

    Flex IFrame实现浏览附件信息

    7. **性能优化**:由于IFrame会加载整个网页,所以大型附件可能会导致性能下降。为了优化,可以考虑分页加载、延迟加载或者使用更轻量级的预览解决方案。 8. **用户体验**:在设计预览功能时,要考虑到用户体验,...

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

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

    Flex页面嵌入jsp文件

    flex-iframe1.5.1.zip解压找到flex-iframe-1.5.1\flex-iframe-1.5.1\bin\flex-iframe-1.5.1.swc放入flex项目的libs里面如果不是web项目就放倒lib里面,然后在你的mxml的头部里输入xmlns:名字(你自己喜欢怎么写)=...

    flex中使用iframe

    使用`iframe`或`WebBrowser`组件可能会增加内存消耗和CPU使用率,尤其是在加载复杂的网页时。因此,需要权衡性能与功能需求。 通过以上步骤,您可以在Flex应用程序中实现`iframe`的功能,加载并展示外部网页内容。...

Global site tag (gtag.js) - Google Analytics