问题:Flex弹出框添加IFrame,jsp或者html页面不随弹出框一起移动问题
解决方案:为弹出框添加move事件监听,然后调用iframe的invalidateDisplayList()方法,ok了。
import com.google.code.flexiframe.IFrame;
import flash.events.MouseEvent;
import flash.external.ExternalInterface;
import mx.controls.Alert;
import mx.controls.TextInput;
import mx.events.CloseEvent;
import mx.events.DragEvent;
import mx.events.MoveEvent;
import mx.managers.PopUpManager;
import org.osmf.containers.HTMLMediaContainer;
import spark.components.Panel;
import spark.components.TitleWindow;
import spark.layouts.VerticalLayout;
public class AlertWindowExample extends TitleWindow
{
public function AlertWindowExample()
{
super();
setStyle("paddingLeft", 10);
setStyle("color", "red");
title = "xxxx";
width = 300;
height = 400;
layout = new VerticalLayout();
var ifr:IFrame = new IFrame();
ifr.source = "NewFile.jsp";
//ifr.source = "http://www.baidu.com";
ifr.width = 200;
ifr.height = 300;
/*isPopUp = false;*/// 设置弹出框不能被拖拽
addElement(ifr);
var txt:TextInput = new TextInput();
txt.text = "text";
addElement(txt);
addEventListener("move",ifrDragHandler,false);// 组件移动时事件
addEventListener("close",close, false);
}
private function ifrDragHandler(evt:MoveEvent):void{
Alert.show("===");
var thisNode:AlertWindowExample = evt.currentTarget as AlertWindowExample;
var ifr:IFrame = thisNode.getElementAt(0) as IFrame;
ifr.invalidateDisplayList();// 避免弹出框移动时,jsp或html页面不一起移动
evt.stopPropagation();// 阻止事件冒泡
}
private function close(evt:CloseEvent):void {
PopUpManager.removePopUp(this);
evt.stopPropagation();
}
}
分享到:
相关推荐
5. **Flexbox弹出框特效实现**:通过CSS动画,可以为弹出框添加动态效果,如淡入淡出、滑动等。利用`transition`和`animation`属性,可以控制弹出框出现和消失的速度及样式。 6. **Flexbox 3.0的改进**:Flexbox ...
1. **Flex组件被遮挡**:由于Flex和HTML的渲染机制不同,当HTML内容被加载到IFrame中时,可能会覆盖Flex组件,导致菜单、弹出界面或右键菜单等不可见。解决这个问题的关键在于调整Z-index,即设置IFrame和Flex组件的...
flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...
在Flex中,我们需要动态地设置HTMLText组件的内容,包含指向目标页面的iframe标签,并确保URL是安全的,以防止跨域问题。 4. **处理iframe事件**:虽然Flex的HTMLText不直接支持iframe的事件,但我们可以通过监听...
flex移动应用开发中Alert不能使用,该文件是AS3写的Alert,可以替代SDK自带的ALERT,超级好用
在JavaScript中实现一个可以移动位置的弹出框是一项常见的任务,尤其在网页交互设计中。弹出框通常用于展示警告、询问用户或者提供额外信息。本文将深入探讨如何利用JavaScript来创建这样一个可移动的对话框,并结合...
3. **在Flex项目中使用组件**:在Flex项目中添加IFrame组件,并设置必要的属性,如: ```xml <flexiframe:IFrame id="testHtml" label="Map" source="testMap.jsp" width="100%" height="100%" /> ``` 其中`...
2. 处理跨域问题:由于安全限制,如果HTML页面不在同一域下,需要设置跨域策略文件以允许Flex加载内容。这通常意味着在服务器上放置一个crossdomain.xml文件,声明允许哪些源进行访问。 3. 监听加载事件:使用...
5. **加载状态管理**:在`iframe`加载过程中,我们可以利用`flex`布局的特性,比如添加一个加载指示器元素,来优雅地呈现加载状态。 文件名`flex-iframe-1.4.5`可能表示这是一个关于`iframe`与`flex`结合使用的版本...
Flex-iframe是一个强大的技术,它允许开发者在Adobe Flex应用程序中嵌入HTML页面,如同使用内联框架(iframe)一样。这种技术极大地扩展了Flex的功能,使得开发者能够将丰富的Web内容和交互性引入Flex应用,而无需...
通过分析和学习"IFrameDemo",你应该能够解决Flex项目中Google IFrame的消失问题,并对如何在Flex应用中有效地使用IFrame有更深入的理解。记得在实际应用中不断测试和优化,确保IFrame的稳定性和性能。
3. **弹出框设计**:弹出框通常是浮动在页面上的一个独立组件,用于显示详细信息或进行交互。可以使用`position: absolute`或`fixed`来定位弹出框,确保它不会影响其他元素的布局。弹出框内可以包含文本、图片、表单...
5. **跨域支持**:尽管同源策略限制了iframe与父页面的交互,但Flex-Iframe提供了一种跨域解决方案,允许不同源的页面进行通信。 6. **向下兼容**:1.4.1版本强调了对旧版浏览器的支持,这意味着即使是在IE9这样的...
在项目实施中对弹出框的样式需求会有很多,也会要求...主要思路,弹出框可以选择任意的控件,主要是制作了一个可以变换形状的三角指向,通过在featureslayer上添加feature实现,也可以使用flex自己的绘图控件来实现。
当Flex组件通过IFrame嵌入到JSP页面时,可能会出现遮盖问题,即JSP页面的内容覆盖了Flex元素,或者反之。这是因为浏览器对HTML元素和IFrame内容的渲染方式不同,以及CSS的Z-index属性的管理。 Z-index是CSS中的一个...
在Flex编程中,"弹出窗口代码"是一个常见的需求,特别是在设计用户交互界面时,我们经常需要实现点击按钮后打开一个新的窗口或者对话框来展示更多信息或进行特定操作。本篇将详细讲解如何在Flex中创建一个点击按钮后...
4. **动画效果**:结合CSS的`transition`和`animation`属性,可以为弹出框添加平滑的打开和关闭动画。 5. **响应式设计**:`Flex`布局可以轻松适应不同的屏幕尺寸,确保弹出框在不同设备上都有良好的展示效果。 在...
3. **内容布局**:弹出框内可能包含标题、文本、按钮等元素,使用`display: flex`或者`grid`可以方便地进行布局管理,确保元素间的间距和对齐。 4. **动画效果**:为了提升用户体验,弹出框的出现和消失可以添加...