如何使用JSP或jQuery打开弹出窗口？

Question

我程序中有一个超链接.

当我们点击超链接时，会弹出一个小窗口要求输入姓名，并使用表单发送这个姓名。

那么如何使用jsp、javascript或jquery创建弹出窗口呢？

- Java Developer

---

你现在有什么？ - Denis O.

你可以使用 window.open() 来实现。请参考 http://www.w3schools.com/jsref/met_win_open.asp。 - Ravindra Gullapalli

Answer 1

你可以使用 window.open 来实现这个功能。

window.open("page url",null,
"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");

请查看此链接... window.open

- user1969752

---

那真是勇敢！引用了微软开发者网络而非Mozilla的:) - Roberto14

Answer 2

以下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>

- AGB

Answer 3

<a href="javaScript:{openPopUp();}"></a>
<form action="actionName">
<div id="divId" style="display:none;">
UsreName:<input type="text" name="userName"/>
</div>
</form>

function openPopUp()
{
  $('#divId').css('display','block');
$('#divId').dialog();
}

- PSR

Answer 4

试试这个：

脚本：

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

- Rohan Kumar

Answer 5

可以使用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>

- Prateek Shukla