title: How to show JSP page in Modal Popup window?
body: <p>I am pretty much new to Jsp stuff. What I am trying to achieve is to show contents of another jsp page lets say help.jsp in service.jsp page but only when user click ? image (? image represents help). I want to show the contents of help.jsp in a popup window and also at the same time want the main screen to fade out or non intractable. </p>
  
  <p>Here is what I am doing so far. I have created a div in service.jsp </p>
  
  <pre><code>&lt;div id="dialog" title="Basic dialog"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>and created a javascript function </p>
  
  <pre><code>function openDialog() {
          $("#dialog").load('/myaccount/registration/help.jsp').dialog({modal: true});
      }
  </code></pre>
  
  <p>My anchor tag looks like this</p>
  
  <pre><code> &lt;a tabindex="1005" href="#"  onclick="openDialog();" onMouseOver="window.status='Launch Help Window'; return true" onMouseOut ="window.status='';return true"&gt;&lt;span class="WhiteBody"&gt;&lt;img src="images/icon_help.gif" border="0"&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>When I click help button it redirect to a blank page. </p>
  
  <p>Please help me !</p>