彈出與javascript

我是非常新的Java腳本，任何人都可以告訴我，我怎麼能得到一個按鈕點擊JavaScript彈出。彈出與javascript

我需要添加一些文本和圖像到這個彈出。

感謝

來源

2013-05-29 Mark Fenech

~~如果你想有一個新窗口中打開一個彈出窗口，你可以使用：~~

~~window.open('newpage.html');~~

~~這將在新窗口中打開文件 newpage.html，您可以使用HTML和CSS對樣式進行設置。~~

編輯：

如果你想這樣做在同一窗口內，我會建議躲在一個div，然後顯示在點擊它，就像這樣：

DEMO

您可以使用jQuery插件來實現這一點以及更多爲你，但作爲一個學習練習，以上是非常簡單的，不需要外部庫

來源

2013-05-29 09:42:11 Andy

不是一個新窗口只是一個彈出消息種類 –

@MarkFenech更新了我的答案 – Andy

您可以使用：

alert('your text');

但如果你需要定製與圖像彈出，背景等等，那麼你最好找jQuery的你的手，研究它。

http://jquery.com/

有很多教程身邊，只是谷歌對他們（或買一個好的手工:)

來源

2013-05-29 09:41:29

爲什麼downvote？我只是給了一個簡單的回答一個簡單的問題... –

我不是downvoter，但在這個問題上表明，OP要添加圖像，所以'alert（）'將永遠不會工作。其次只是鏈接到jQuery.com，並說有很多教程是不是一個答案！第三，爲JavaScript新手提供jQuery解決方案可能會讓人更困惑 - 一個簡單的JavaScript解決方案。 – andyb

好的謝謝，我仍然需要進入這些機制。只要有解釋，我可以用downvote。 –

最簡單的方法是使用jQuery UI的彈出插件。您還需要包含jQuery庫。

http://jqueryui.com/dialog/#modal-message

的Javascript：

$(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 
    });

HTML：

<div id="dialog-message" title="Download complete"> 
    <p> 
    <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span> 
    Your files have downloaded successfully into the My Downloads folder. 
    </p> 
    <p> 
    Currently using <b>36% of your storage space</b>. 
    </p> 
</div>

來源

2013-05-29 09:41:58 CodingIntrigue

最簡單的方法是使用jQuery Dialog a nd這是一個樣本：jQuery Dialog

來源

2013-05-29 09:43:32

彈出與javascript

回答

相關問題