Question

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

到目前为止，我正在做的事情。我在service.jsp中创建了一个div

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

</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 了解工作样本。

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

1 个答案: