如何在Modal Popup窗口中顯示JSP頁面？

Question

我對Jsp東西很陌生。 我要實現的目的是在service.jsp頁面中顯示另一個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");
  });

});

有關工作示例，請參見小提琴 。