XYTipsWindow彈出層
阿新 • • 發佈:2020-11-05
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://彈出視窗後執行的函式