在同一页面内打开一个小窗口的新窗口

我有一个jsp page ，当点击submit button ，在同一页面中打开一个新页面，但我想要的是new page(window)应该inside same page打开但是尺寸较小，就像你在许多网站中看到的那样。 after clicking submit button a new page will be opened in a less size ，如何使用jquery/javascript ？

 index.jsp 
   

请任何想法

Answer 1

下面应该使用你的示例代码，认为你正在寻找target =“_ blank”，而不是_self，因为_self是同一个窗口，并且具有完全没有目标值的相同效果。 此外，也不要认为target =“_ blank”被鼓励了很多，加上标签式浏览器，它只会在新标签页中打开而不能重新resize。

希望以下有所帮助

基于尝试使弹出窗口居中的新示例代码。

我认为这个问题令人困惑，但不清楚弹出窗口是否正在访问服务器端的东西，以及它是否需要访问表单内容。 根据您的情况，这个问题提供的另一个答案也适合您。 下面是我修改后的代码，希望它有所帮助但不是100％肯定，因为上下文有点令人困惑

Answer 2

我完全不确定，如果我理解你的问题，但也许这对你有帮助吗？

 click here $('.openWin').click(function(ev){ window.open('/newwindow.jsp','Title','width=200,height=400'); ev.preventDefault(); return false; }); 

如果这不是你的想法，我建议看看jquery对话框插件 。

评论后编辑：

也许你正在尝试做一些不需要打服务器的东西。 如果您只需要打开一个包含表单值的“窗口”。 你可以像这样访问任何表单字段值…

 var formFieldVal = $('input[name="myInput"]).val(); 

现在你可以（也用jquery）创建一个这样的“窗口”：

 var divWindow = $('
' + formFieldVal + '
'); 

并将其添加到您的文档中

 $(body).append(divWindow); 

现在设置动态添加的div这样的样式（css），你有一个窗口看起来：

 .overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; } .overlay div { width:300px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; }