如何在Modal Popup窗口中显示JSP页面？

Question

我对Jsp的东西很新。我想要实现的是显示另一个jsp页面的内容，可以在service.jsp页面中说help.jsp，但仅当用户单击时才显示。图像（？图像代表帮助）。我想在一个弹出窗口中显示help.jsp的内容，同时也希望主屏幕淡出或不可处理。

这是我到目前为止所做的。我已经创造了service.jsp

<div id="dialog" title="Basic dialog"> 

</div> 

一个div当我点击帮助按钮将其重定向到一个创建一个JavaScript函数

function openDialog() { 
     $("#dialog").load('/myaccount/registration/help.jsp').dialog({modal: true}); 
    } 

我的锚标记看起来像这样

<a tabindex="1005" href="#" onclick="openDialog();" onMouseOver="window.status='Launch Help Window'; return true" onMouseOut ="window.status='';return true"><span class="WhiteBody"><img src="images/icon_help.gif" border="0"></span></a> 

空白页。

请帮帮我！

Answer 1

在你的HTML，

<button id="myButton">click!</button> 

<div id="dialog" title="Dialog box"> 
    My content // Have to add your jsp page here 
</div> 

而在你的脚本，

$(function() { 

    $("#dialog").dialog({ 
    autoOpen: false, 
    modal: true 
    }); 

    $("#myButton").on("click", function(e) { 
     e.preventDefault(); 
     $("#dialog").dialog("open"); 
    }); 

}); 

的工作样本见Fiddle。