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

创建一个自动关闭的Alert弹出框

    博客分类:
  • Flex
阅读更多
转:
Creating a self-closing Alert control in Flex
http://blog.flexexamples.com/2009/04/08/creating-a-self-closing-alert-control-in-flex/

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/04/08/creating-a-self-closing-alert-control-in-flex/ -->
<mx:Application name="Alert_PopUpManager_removePopUp_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        backgroundColor="white"
        initialize="init();">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import mx.managers.PopUpManager;

            private var alrt:Alert;
            private var alrtTimer:Timer;

            private function init():void {
                alrtTimer = new Timer(5000, 1);
                alrtTimer.addEventListener(TimerEvent.TIMER_COMPLETE, removeAlert);
            }

            private function showAlert():void {
                alrt = Alert.show("I'm an Alert control and I will close in 5 seconds unless closed by a user.", "Self closing Alert", Alert.OK, this, alrt_close);
                alrtTimer.reset();
                alrtTimer.start();
            }

            private function alrt_close(evt:CloseEvent):void {
                alrtTimer.stop();
                lbl.text = "Closed by user.";
            }

            private function removeAlert(evt:TimerEvent):void {
                PopUpManager.removePopUp(alrt);
                lbl.text = "Removed by application.";
            }
        ]]>
    </mx:Script>

    <mx:Button label="Show Alert" click="showAlert();" />
    <mx:Label id="lbl" />

</mx:Application>

分享到:
评论

相关推荐

    JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)

    6. **关闭行为**:可以设定弹出框自动关闭的延迟时间,或者只有在用户交互后才会关闭,增加了弹出框的灵活性。 7. **拖拽功能**:某些情况下,用户可能希望调整弹出框的位置,jQuery Alert 提供了拖动功能,使弹出...

    div弹出框js弹出框

    1. **基本结构**:一个div弹出框通常由两部分组成:隐藏的div元素(作为弹出框)和触发弹出的元素(如按钮)。首先,在HTML中创建这两个元素,并设置相应的样式使其具有合适的外观和位置。 ```html ;"&gt; 这是弹出框...

    JS实现自动消息弹出框

    `alert()`函数是最简单的弹出框,用于显示一条警告消息,并包含一个“确定”按钮让用户关闭对话框。例如: ```javascript window.onload = function() { alert("欢迎来到我们的网站!"); } ``` 这段代码会在...

    extjs弹出框 n秒后消失

    为了使弹出框在n秒后自动关闭,我们需要创建一个延时任务,并在任务中调用`Ext.MessageBox.hide`方法。延时任务的创建和启动可以通过`new Ext.util.DelayedTask(function() { ... })`和`delay`方法实现。以下是一个...

    html5点击弹出自动关闭消息提示框

    3. **自定义消息提示框**:由于`alert()`等内建函数并不支持自动关闭,我们需要自定义一个消息提示框。这通常涉及到创建一个新的HTML元素(如`div`),通过CSS设置样式使其看起来像一个提示框,然后用JavaScript控制...

    sweetalert加载弹窗完成自动关闭

    在"SweetAlert加载弹窗完成自动关闭"这个主题中,我们将深入探讨如何使用SweetAlert创建一个加载弹窗,并在加载完成时自动关闭。 首先,让我们了解SweetAlert的基本用法。在网页中引入`sweetalert2.min.js`库后,你...

    Jquery自带弹出框效果

    总之,jQuery自带的弹出框效果——jQuery UI Dialog,是一个强大且灵活的工具,可以满足从简单的信息提示到复杂的交互式对话的需求。通过深入理解和熟练运用,我们可以创建出更具吸引力和用户友好性的Web应用界面。

    自定义JavaScript弹出框组件

    同时,还要考虑到组件与页面其他元素的交互,如阻止背景页面的操作,或者在某些情况下自动关闭弹出框。 4. 可配置性:为了适应不同场景,弹出框组件应支持配置选项,如大小、位置、样式、按钮数量和文字等。开发者...

    模拟弹出框

    在Web开发中,JavaScript库如jQuery UI、Bootstrap和SweetAlert等提供了创建模拟弹出框的工具。这些库提供了丰富的自定义选项,包括动画效果、图标、按钮样式以及响应式设计,使得弹出框能够适应不同的设备和屏幕...

    jquery弹出框带实例

    总之,jQuery弹出框是网页交互中的重要组成部分,通过理解基本的JavaScript对话框、自定义模态窗口的创建以及利用jQuery插件,我们可以创建出丰富多样的弹出框效果,提高用户体验。实践中的关键是根据项目需求灵活...

    C#弹出框示例代码.rar

    例如,`alert("你好,这是一个弹出框!");`会在浏览器中显示一个警告对话框。 2. **jQuery UI Dialog**:jQuery库提供了更强大的对话框组件,可以自定义样式、行为和内容。通过引入jQuery UI库,你可以创建模态或非...

    自制confirm弹出框

    这个例子展示了如何创建一个简单的自定义确认框,通过调用`showCustomConfirm`函数显示弹出框,并在用户点击“确定”或“取消”时执行相应的操作。 总的来说,自定义confirm弹出框是提升网站交互体验的重要手段,...

    jquery弹出框

    创建一个jQuery弹出框通常涉及以下几个步骤: 1. **HTML结构**:首先,你需要在HTML中定义弹出框的基本结构。这通常包括一个隐藏的div,作为弹出框的容器,以及内部可能包含的标题、内容、按钮等元素。例如: ```...

    jquery弹出框 源码程序!

    jQuery,作为一个强大的JavaScript库,提供了丰富的API和插件,使得创建弹出框变得简单易行。本文将深入探讨jQuery弹出框的实现原理、常见功能以及实际应用。 一、jQuery弹出框基础 jQuery弹出框并非jQuery核心库...

    Jquery弹出框特效

    - **弹出框(Modal)**: 弹出框是在网页主内容之上显示的一个浮动窗口,通常用于获取用户注意力或进行交互。 - **jQuery**: jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理和动画效果。 2. **jQuery...

    jQuery 弹出层及alert插件

    在网页开发中,jQuery的弹出层和alert插件是常见的一种交互元素,用于向用户显示信息或者获取用户输入。下面我们将深入探讨jQuery弹出层及alert插件的相关知识点。 一、jQuery弹出层基础 1. **jQuery Dialog**:...

    AJAX弹出框_利用ScriptManager.RegisterStartupScript

    - 在给定的代码示例中,定义了一个名为 `MessageBox` 的类,该类实现了几种不同类型的弹出框功能: - **简单弹出框**:仅显示一条消息。 - **带跳转的弹出框**:显示一条消息后,自动跳转到指定 URL。 - **可选择...

    jquery弹出框插件

    5. **选项配置**:弹出框的许多属性都可以通过配置选项进行设置,如是否可拖动、是否显示关闭按钮、自动关闭时间等。 6. **常见插件**:有一些知名的jQuery弹出框插件,如jQuery UI Dialog、Bootstrap Modal、Sweet...

    js提示框替代系统alert,自动关闭alert对话框的实现方法

    自定义的提示框通常由HTML结构、CSS样式和JavaScript脚本三部分组成,这里将详细介绍如何实现一个具有自动关闭功能的自定义alert提示框。 首先,我们需要定义HTML结构。自定义提示框的HTML结构和普通页面元素没有...

    两个js弹出框

    alert('这是一个警告弹出框'); ``` 2. `prompt()`: 提供一个输入框让用户输入数据,并配有一个“确定”和“取消”按钮。返回值为用户输入的内容,如果用户点击“取消”,则返回`null`。 ```javascript var user...

Global site tag (gtag.js) - Google Analytics