簡體   English   中英

從Java腳本中刪除用戶交互

[英]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);
});

http://jsfiddle.net/APKTX/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM