弹出与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

回答

相关问题