在我的程序中有一个 hiperlink ..
当我们点击 hiperlink 时,会打开一个小弹出窗口,询问姓名并使用表单发送该姓名。
那么如何使用jsp或javascript或jquery创建弹出窗口?
您可以使用 window.open 来实现此目的
window.open("page url",null,
"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
看看这个链接.. 窗口.打开
以下 JavaScript 将打开一个新的浏览器窗口,宽 450 像素,高 300 像素,带有滚动条:
window.open("http://myurl", "_blank", "scrollbars=1,resizable=1,height=300,width=450");
您可以将其添加到链接中,如下所示:
<a href='#' onclick='javascript:window.open("http://myurl", "_blank", "scrollbars=1,resizable=1,height=300,width=450");' title='Pop Up'>Pop Up</a>
<a href="javaScript:{openPopUp();}"></a>
<form action="actionName">
<div id="divId" style="display:none;">
UserName:<input type="text" name="userName"/>
</div>
</form>
function openPopUp()
{
$('#divId').css('display','block');
$('#divId').dialog();
}
试试这个:
脚本:
function winOpen()
{
window.open("yourpage.jsp");
}
HTML:
<a href="javascript:;" onclick="winOpen()">Pop Up</a>
阅读 https://developer.mozilla.org/en/docs/DOM/window.open
window.open
可以在 jquery 中完成-
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Basic dialog">
//your form layout
</div>