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),
___width:"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://最重要的,窗口里面显示的内容
___width://宽度
___height://高度
___time://该窗口多长时间后,会自动关闭,这个也是很重要的
___fns://弹出窗口后执行的函数