title: how to display a loading gif when using jquery ui dialog iframe
body: <p>I have this snippet of jquery code. I am trying to figure out a way to have a loading gif while this iframe loads. Thanks for any ideas.</p>
  
  <pre><code>var $dialog = $('&lt;div&gt;&lt;/div&gt;')
  .html('&lt;iframe style="border: 0px; " src="/servlet/trainingServlet?method=editDoc&amp;dir=&lt;%=legDir%&gt;&amp;ID=-1" width="100%" height="580"&gt;&lt;/iframe&gt;')
  .dialog({
       autoOpen: false,
       modal: true,
       height: 575,
       width: 680,
       title: 'edit',
       position: [200, 100],
       buttons: {
           Close: function() {
                 $( this ).dialog( "close" );
           }
       }
    });
    $dialog.dialog('open');
  </code></pre>
  
  <p>thanks</p>