我正在尝试做一个社交网站。我需要创建一个pop up window
(可能是提示框),当用户点击create message
button.The弹出窗口应该包含2个文本字段就像脸书消息弹出window.First一个收件人的名字和第二个消息。我已经搜索了很多,但没有得到正确的。
发布于 2012-12-22 19:04:30
请看我做的小提琴样例,做必要的调整并使用它。
$("p").click(function () {
$("<div class='popup'></div>").html('<input type="text" /><br /><input type="text" />').appendTo("body");
});
这是它的样例小提琴。
http://jsfiddle.net/zsfE3/9/
希望能有所帮助
发布于 2012-12-22 18:54:05
没有简单的原生方法来创建自定义的多字段输入。prompt提供了一个几乎但不完全的解决方案。
因此,您需要编写脚本来生成这个与DOM的接口。像jQuery UI这样的库提供了通用的方法来创建像这样的精心设计的UI组件。
他们的对话框元素的modal form实例可能会有所帮助。
发布于 2012-12-22 18:54:21
您可以实现自己的弹出窗口,并为其提供您想要的任何功能。一个不错的技术是在页面<body>
标记的末尾放置一个div元素。为其指定绝对位置和最高z索引,并将display设置为none。
您将弹出窗口内容放在此元素中,当您想要显示弹出窗口时,将包装器div设置为阻止显示。
Here is a quick demo
https://stackoverflow.com/questions/14002148
复制相似问题