zoukankan      html  css  js  c++  java
  • XYTipsWindow弹出层

    XYTipsWindow的介绍:是一个基于jQuery的弹出层

    在工作中遇到一个问题是:定时刷新这个弹出层的内容

    在网上也找了一些解决方案是,关闭前一个窗口,然后新打开窗口,也就是parent.$.XYTipsWindow.removeBox();但是我这边试了,没有成功

    然后看XYTipsWindow的几个参数,巧妙用__time(该窗口多久后会自动关闭),成功的把前一个窗口关闭,然后新打开一个新的窗口

    下面附上代码:

    function refreshPage(){
    $.post(
    '__URL__/showMessageBox',
    {'action':'top','top':'1',
    'user_name':'<php> echo $_SESSION['user_name']; </php>',
    'distno':'<php> echo $_SESSION['distno']; </php>',
    'roleid':'<php> echo $_SESSION['roleid']; </php>'},
    function(data){
    if(typeof(data)=='undefined'||data==''||data==' '||data=='undefined'){}
    else{
    $.XYTipsWindow({
    ___title:"信息提示<img src='__PUBLIC__/Images/b_blue_1.gif' width='16' height='16' />",
    ___offsets:{right:"0px",bottom:"-300px"},
    ___content:"iframe:"+html_dis(data,0),
    ___"300",
    ___height:"150",
    ___time: 59000,//这里我设置的是59秒,与setIntetval的60秒错开,免得前一个窗口还没关闭,又新打开一个窗口
    ___fns:function(){
    $("#"+$.XYTipsWindow.getID()).parent().animate({"bottom": "0px"},500);
    }
    });
    }
    });

    }
    //在页面自动执行的代码
    $(function(){
    refreshPage();
    setInterval("refreshPage()", 60000);//1分钟刷新一次右下角的窗口页面

    })
    这样就大功告成了!!!
    下面附上XYTipsWindow的几个常用的参数:
    ___title://见名知意,窗口的标题
    ___offsets://窗口的位置
    ___content://最重要的,窗口里面显示的内容
    ___//宽度
    ___height://高度
    ___time://该窗口多长时间后,会自动关闭,这个也是很重要的
    ___fns://弹出窗口后执行的函数
     




    
    
  • 相关阅读:
    TIB上海工作室成立!
    广州沙龙截止报名
    【广州】QTP自动化测试实战训练
    TIB自动化测试快讯 自动化测试空间一周精选(20111120)
    单一世界十万在线webgame的设计思路(一) 服务器数量预估
    JQuery 和 json.js 冲突问题
    公布一个小webgame代码
    dimensions.js 和 jquery UI 有冲突
    webgame创意之《吞噬者》
    c# 停止和开启 IIS 7.0 站点的方法
  • 原文地址:https://www.cnblogs.com/hupengyin/p/13932225.html
Copyright © 2011-2022 走看看