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://弹出窗口后执行的函数
     




    
    
  • 相关阅读:
    JS获取四位年份和2位年份
    notebook 快捷键
    发表文章不需要版面费的期刊
    命题演算、集合论和布尔代数之间的关系是什么?
    炒作套路
    如何理解佛经中“黄叶止啼”的故事
    期货之为什么要注册仓单!逼空是什么鬼!
    反证法与归谬法的区别
    感恩的含义!告诉你什么是感?什么是恩?人生必读!
    悖论的本质
  • 原文地址:https://www.cnblogs.com/hupengyin/p/13932225.html
Copyright © 2011-2022 走看看