title: Display div content in a modal dialog box in java
body: <p>I am trying to display an image inside a modal dialog but the image does not show. can someone have any ideas about this. here is my complete html layout. note: there is jquery in the div content.</p>
  
  <pre><code>html_content = "
      &lt;strong&gt;"+title+"&lt;/strong&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;img src='"+single_image+"'width='300' height='211'&gt;
      &lt;br&gt; "+content+"
      &lt;br&gt;"+str+"
      &lt;div id='image'&gt;&lt;/div&gt;
      &lt;div id='dialog-modal' title='Basic modal dialog'&gt;
      &lt;div id='popup' style='display:none'&gt;"+"
          &lt;a id='popup-close' href='' class='button'&gt;"+"Fermer"+"&lt;/a&gt;
          &lt;p&gt;&lt;img id='image-placeholder' width='300px'; height='250px'  src=''&gt;
          &lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js'&gt;&lt;/script&gt;
          &lt;script type='text/javascript'&gt;
              $(document).ready(function() {
                  $('.popup-open').click( function(e){
                      $('#popup:visible').hide(); 
                      e.preventDefault();
                      $('#image-placeholder').attr('src', $(this).attr('href'));
                      $('#popup').fadeIn('fast');
                  });
                  $('#popup-close').click(function(e){
                      e.preventDefault();
                      $('#popup').fadeOut('fast');
                  });
              });
          &lt;/script&gt;
      ";
  
  String mdialog = "
      &lt;link rel=\"stylesheet\" href=\"http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css\" /&gt;
      &lt;script src=\"http://code.jquery.com/jquery-1.8.2.js\"&gt;&lt;/script&gt;
      &lt;script src=\"/resources/demos/external/jquery.bgiframe-2.1.2.js\"&gt;&lt;/script&gt;
      &lt;script src=\"http://code.jquery.com/ui/1.9.1/jquery-ui.js\"&gt;&lt;/script&gt;
      &lt;link rel=\"stylesheet\" href=\"/resources/demos/style.css\" /&gt;
      &lt;script&gt; 
          $(function() {
              $( '#dialog-modal' ).dialog({height: 140, modal: true});
          });
      &lt;/script&gt;
      &lt;meta http-equiv=\"Content-Type\" " +"content=\"text/html; charset=utf-8\"&gt;
      &lt;style&gt;
          #popup{border: 1px solid gray; background-color:black; border-radius: 5px 5px 5px 5px; margin-left:auto; margin-right:auto; position:fixed; top:50px; z-index: 9999;}
      &lt;/style&gt;
      ";
  
  String webData = "
      &lt;!DOCTYPE html&gt;
      &lt;head&gt; 
          "+mdialog+"
      &lt;/head&gt;
          &lt;body&gt;
          "+html_content+"
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
      ";
  </code></pre>