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

我對Jsp的東西很新。我想要實現的是顯示另一個jsp頁面的內容，可以在service.jsp頁面中說help.jsp，但僅當用戶單擊時才顯示。圖像（？圖像代表幫助）。我想在一個彈出窗口中顯示help.jsp的內容，同時也希望主屏幕淡出或不可處理。如何在Modal Popup窗口中顯示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>

空白頁。

請幫幫我！

來源

2017-02-14 Adeel

請嘗試在div標籤內部包含''並隱藏它。顯示當按鈕點擊。 –

你可以用代碼片段解釋嗎？其實我試過包括標籤，但它總是顯示在主頁上。試圖用不同的方式隱藏它，但徒勞無功。 – Adeel

檢查我的答案，讓知道 –

在你的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。

來源

2017-02-14 07:16:00

感謝您的解決方案。問題是當我使用'「顯示div中的jsp頁面時，它顯示了主頁面上JSP的內容。 – Adeel

它顯示未處理的HTML嗎？ –

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

回答

相關問題