[英]Removing the user interaction from a Javascript pop up
在我的應用程序中,借助以下代碼,我正在顯示一個帶有網頁的JavaScript彈出窗口:
popwin = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=750,
height=600,left = 262,top = 84');
這給了我所需的帶有網頁的彈出窗口。
我想知道是否有任何方法可以從此彈出窗口中刪除用戶交互,也可以刪除關閉按鈕。
我將使用某個計時器關閉此彈出窗口,但我不希望該用戶能夠控制彈出窗口。 有什么辦法嗎?
我在Google上搜索了一下,但是還沒有相關的方法。
注意:我可以使用“模式彈出”來執行此操作嗎?
請提出任何好的方法。
您可以嘗試以下代碼。
popwin = window.open(URL, '" + id + "','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=750, height=600,left = 262,top = 84');
SetTimeOut(function(){ popwin.close()},2000);
這里的“ 2000”是以毫秒為單位的時間。 2000毫秒= 2秒。 讓我知道是否發生任何錯誤。 您可以嘗試Telerik Radwindows。
您可以將內容加載到Fancy Box中,並根據需要自定義fancybox。
我認為使用類似CSS的彈出窗口可能更合適。
工作示例: http : //www.pat-burt.com/csspopup.html#
至於您的計時器,您可以使用計時器更改css屬性,或使用一些臨時框架之類的jquery框架插件: http : //trentrichardson.com/Impromptu/
與我認為的CSS解決方案相比,哪種方法花費的時間更少。
嘿,這是我的彈出窗口。 它不是一個窗口,但就像一個窗口,並且都在jquery和javascript中。
$("document").ready( function() {
var link = ""; // your link here
var d = document.createElement("div");
d.style.display = "block";
d.style.border = "1px solid #282828";
d.style.background = "#ffffff";
d.style.width = "750px";
d.style.height = "450px";
d.setAttribute("id", "popup");
var m = document.createElement("iframe");
m.setAttribute("src", link);
m.style.width = "750px";
m.style.height = "450px";
m.style.border = "0";
document.body.appendChild(d);
d.appendChild(m);
var s=0;
var n = setInterval( function() { s=s+1; if (s == 5) {
$("#popup").remove();
} }, 1000);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.