モーダルポップアップウィンドウでJSPページを表示するには？

Question

私はJspのものにかなり新しいです。私が達成しようとしているのは、別のjspページの内容を表示してservice.jspページ内のhelp.jspと言うことができますが、ユーザーがクリックするときだけです。 image（？画像はヘルプを表します）。 help.jspの内容をポップアップウィンドウに表示したいと同時に、メイン画面をフェードアウトまたは非処理にしたいと思っています。

これまで私がこれまで行ってきたことは次のとおりです。私はservice.jsp

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

</div> 

内の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> 

のように見えるjavascript関数を作成しました空白ページ。

私を助けてください！あなたのHTMLで

Answer 1

、

<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を参照してください。