Как показать страницу JSP в окне Modal Popup?

Question

Я в значительной степени новичок в материалах Jsp. То, что я пытаюсь сделать, - показать содержимое другой страницы jsp, скажем, help.jsp на странице service.jsp, но только при нажатии пользователем? изображение (? изображение представляет собой помощь). Я хочу показать содержимое help.jsp во всплывающем окне, а также в то же время хочу, чтобы основной экран исчезал или не был трудноразрешимым.

Вот что я делаю до сих пор. Я создал DIV в service.jsp

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

</div> 

и создал яваскрипта функцию

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 для работы образца.