`
lijianan789
  • 浏览: 105784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

控制IE浏览器中Flex界面的刷新以及后退前进按钮

    博客分类:
  • flex
阅读更多
Flex页面中当我们按了 IE 上的后退/前进/刷新/关闭时就会退出到第一次 load 时的页面,重新加载过。浏览器刷新后,所有东西都要重新加载,为避免用户出现误操作.
首先修改index.template.html文件为:
-----------------------------------------------
<!-- saved from url=(0014)about:internet -->
<html 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title>${title}</title>
<script src="AC_OETags.js" language="javascript"></script>

<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = ${version_major};
// Minor version of Flash required
var requiredMinorVersion = ${version_minor};
// Minor version of Flash required
var requiredRevision = ${version_revision};
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "${width}",
"height", "${height}",
"align", "middle",
"id", "${application}",
"quality", "high",
"bgcolor", "${bgcolor}",
"name", "${application}",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "${swf}",
"width", "${width}",
"height", "${height}",
"align", "middle",
"id", "${application}",
"quality", "high",
"bgcolor", "${bgcolor}",
"name", "${application}",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
  + 'This content requires the Adobe Flash Player. '
   + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
 
   //——————————————————————————————-  
   // Specifies a function for the window’s onbeforeunload event  
   // Call back to the getUnsavedDataWarning in our Flex app when the browser is about to unload  
   //——————————————————————————————-  
   //window.onbeforeunload = function()  

   window.onbeforeunload = onbeforeunload_handler;  
   function onbeforeunload_handler()  
   {  
        var warning=""  
        var fxControl = document.${application} || window.${application};  
       if ( fxControl )  
           if ( typeof fxControl.getUnsavedDataWarning=="function")  
                warning = fxControl.getUnsavedDataWarning();    // This calls a function in our Flex app  

       if ( warning !="")  
           return warning;  
       else  
           return void(0);  
   }  

   //——————————————————————————————-  
   // Specifies a function for the window’s onunload event  
   // Call back to the javascriptOnUnload in our Flex app when the browser unloads  
   //——————————————————————————————-  
   window.onunload = function()  
   {  
        var fxControl = document.${application} || window.${application};  
       if ( fxControl )  
          if ( typeof fxControl.javascriptOnUnload=="function")  
              fxControl.javascriptOnUnload();  // This calls a function in our Flex app  
  }  
  </script>
<noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="${application}" width="${width}" height="${height}"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="${swf}.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="${bgcolor}" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
width="${width}" height="${height}" name="${application}" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</noscript>
</body>
</html>
----------------------------------------------------
然后在Flex的应用程序创建方法调用 例如:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="this.onCreationComplete();" layout="absolute">
<mx:Script>
<![CDATA[
import mx.controls.*;
private const UNSAVED_DATA_WARNING:String = "You have unsaved changes. You will lose them if you continue.";  

        private function onCreationComplete():void {  
            ExternalInterface.addCallback("getUnsavedDataWarning",  
                 function():String {  
                    return UNSAVED_DATA_WARNING;  
                 }  
             );  
          }
............................
............................
............................
分享到:
评论

相关推荐

    smartrcp入门视频系列五(flex调用IE浏览器)

    标题 "smartrcp入门视频系列五(flex调用IE浏览器)" 提供的信息表明,这个视频教程聚焦于如何在Flex...通过学习,他们将能够掌握在Flex环境中调用和控制IE浏览器的技术,以及创建具有上下文菜单功能的用户友好界面。

    Flex客户端IE浏览器缓存问题

    综上所述,解决Flex SWF文件在IE浏览器中的缓存问题,需要结合服务器端的HTTP响应头、Flash Player的特性、用户的浏览器设置以及可能的反向代理策略。开发者应尽量选择不影响整体用户体验,同时又能确保SWF文件始终...

    flex界面开发框架

    Cairngorm是Flex社区中广泛使用的轻量级MVC(模型-视图-控制器)框架之一,它有助于组织和管理Flex应用的复杂性。Cairngorm的核心理念是将业务逻辑、用户界面和数据处理分离,从而提高代码的可维护性和可扩展性。 1...

    Flex自动刷新

    当开发者在编辑器中保存了对Flex项目的更改,文件监控服务会检测到这些变化。然后,这个服务将变更同步到正在运行的Flex应用,使得应用可以实时反映这些更改。这种机制对于快速迭代和调试界面设计非常有用,因为...

    Flex 作出的按钮

    Flex是一种基于ActionScript和XML的开放源代码框架,主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。在Flex中,我们可以...理解和掌握如何在Flex中创建和控制按钮对于开发RIA应用非常重要。

    flex按钮各种风格按钮

    Flex中的按钮组件是用户界面(UI)设计中不可或缺的部分,可以实现丰富的交互效果和多种视觉样式。 一、Flex按钮组件基础 Flex提供了Button组件,它是基础的点击触发元素。在MXML中,我们可以直接创建一个按钮实例...

    FLEX界面样式表工具

    标题中的"FLEX界面样式表工具"指的是用于设计和管理Adobe Flex应用中用户界面样式的工具。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。这些工具帮助开发者通过图形化的方式...

    flex例子界面很好看

    布局管理器则负责控制组件在容器中的排列和大小,确保界面在不同屏幕尺寸和设备上都能自适应展示。例如,`login`这个文件很可能就是一个登录界面的实现,可能包含了用户名输入框、密码输入框、登录按钮等元素,并且...

    Flex3界面布局中文教程

    Flex3 界面布局是Adobe Flex 3框架中用于组织和定位用户界面元素的重要机制。在Flex3中,布局管理主要是通过不同的布局容器来实现,这些容器提供了多种布局方式,帮助开发者创建美观、高效的用户界面。下面我们将...

    flex datagrid 添加按钮

    为了添加按钮,我们需要创建一个自定义的列渲染器,这个渲染器将在DataGrid的每一行中显示按钮。 1. **自定义列渲染器**: - 在Flex中,我们可以创建一个MXComponent或UIComponent的子类来作为渲染器。这个组件将...

    flex 6款按钮皮肤

    在本文中,我们将深入探讨关于Flex按钮皮肤的知识,特别是标题提到的"flex 6款按钮皮肤"。Flex是一种流行的开源框架,主要用于构建可伸缩的、跨平台的用户界面,尤其在RIA(富互联网应用程序)领域广泛应用。按钮是...

    Flex debug 10 for IE

    同时,描述中提到的Adobe Flash Player Plugin 10.0.2.26是与Flex Debug 10配套的Flash播放器插件,用于在IE浏览器中播放基于Flash技术的富媒体内容。这个特定的版本包含了对Flash Player 10的新特性和性能改进,...

    Flex 界面的例子

    4. **布局管理器**:Flex中的布局管理器负责控制组件在容器中的排列方式,如垂直布局、水平布局、网格布局等。这有助于确保不同屏幕尺寸和分辨率下的界面适应性。 5. **数据绑定**:Flex支持数据绑定,这是一种将UI...

    IE debug Flex debug

    总之,"IE Debug Flex Debug"是一个针对Flex开发人员的重要工具链,它通过Flash Player Debugger在IE中提供详细的错误信息和调试功能,帮助开发者高效地定位和修复问题。正确使用这个工具可以极大地提升开发效率和...

    flex 等待界面显示

    Flex是一种强大的技术,主要用于构建可伸缩的、适应多种屏幕尺寸和方向的用户界面,尤其在移动应用开发中广泛使用。在Flex应用中,我们经常需要实现“等待界面显示”功能,以提供用户友好的体验,尤其是在进行耗时...

    Flex3.0 使用CSS美化界面

    Flex3.0支持CSS标准选择器,如元素选择器(`button`)、类选择器(`.myClass`)、ID选择器(`#myID`)以及伪类(`:hover`、`:focus`)。此外,Flex还支持组件实例选择器(`[id=myButton]`)和自定义属性选择器(`...

    Flex登陆界面代码

    经将Flex登陆布局的草图设计出来了,Flex登陆界面代码如 图1所示(Flex登陆界面草图代码)演示...相信大家应该从草图出来的那一刻开始,脑子就开始有想法了,^-^ 因为这个Flex登陆框实在是没有太多的操作体验和美感呈现

    FLex 无间隙界面切换

    FLex 无间隙界面切换 FLex 无间隙 界面切换 这个效果可以看看 但是觉得 是想要的

    flex的增删改界面

    flex 界面中,在表格中进行数据的增加,删除操作, 增加:在输入框中输入数据,点击增加按钮,数据会增加到表格中, 删除;在表格中点击要删除的行,点击删除按钮,实现了对数据的删除 修改:在表格中点击要修改的...

Global site tag (gtag.js) - Google Analytics