jquery使用文档.createElement创建弹出窗口

时间:2011-03-21 17:17:59

标签: jquery jquery-ui

我想使用jquery创建弹出窗口。(带文本框和两个按钮)

如何使用document.createElement创建文本框和按钮,并通过单击该按钮从该文本框中读取值。 我应该导入哪个jquery库

4 个答案:

答案 0 :(得分:1)

首先,你试过谷歌吗?有很多选择。我通常使用Dialog,因为它非常棒且易于使用。

答案 1 :(得分:1)

您应该查看jQuery UI Dialog

答案 2 :(得分:0)

<p><a href="http://www.google.com" title="google.com" id="popOpen">open Google in a popup window</a></p> 
<script type="text/javascript"> 
$('#popOpen').popupWindow({ 
height:300px, 
width:300px, 
top:0px, 
left:0px 
}); 
</script>

来自http://swip.codylindley.com/popupWindowDemo.html

安迪

答案 3 :(得分:0)

如果您使用jQuery UI库,我认为您不需要使用document.createElement。您需要转到http://jqueryui.com/download并创建下载,确保在窗口小部件中选中对话框。

您可以在页面上创建包含文本框和两个按钮的div元素。将样式设置为display:none,使其隐藏起来。

e.g。 ....文本框和2个按钮的代码

在您的脚本文件中

  1. 您可以使用其ID将对话框附加到此div,例如$('#dialog')。dialog()...(查看对话框的选项)

  2. 您可以为按钮的点击事件附加内容以读取文本框的值