title: Showing Loading Image in Modal Popup Extender in Webservice ajax call
body: <p>I use .ajax to call a webservice mehod that sends an email to entered email.</p>
  
  <p>I want to to show an ajax modal popup extender containg an image saying 'sendig...'</p>
  
  <p>i used .ajax to call my webservice like:</p>
  
  <pre><code>var SendingModal = $find('SendMPE');
      var Resend = -1;
      $.ajax({
               async: false,
               type: "POST",
               url: "FinKaynWebService.asmx/SendEmail",
               data: "{'Email': '" + Email + "'}",
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               beforeSend: function() {
                   $("#SendMPE").show();
               },
               success: function(response) {
                   Resend = response.d;
                   SendingModal.hide();
                },
                failure: function(msg) {
                   alert('Sending Email failed,try later');
                }
      });
  </code></pre>
  
  <p>the problem is that my SendMPE is not showing.</p>
  
  
          
      
  
  <pre><code>&lt;div id="SendingDiv" style="display:none;background-color:Yellow;color:Blue;"&gt;
       &lt;img id="LoadingImage" alt="Still sending"  src="./Images/Sending.gif" /&gt;
      &lt;span style="margin-left:10px;"&gt;Sending...&lt;/span&gt;
      &lt;asp:Button ID="CloseButton" runat="server" style="display:none;" /&gt;
  &lt;/div&gt;
  &lt;asp:ModalPopupExtender ID="SendMPE" X="200" Y="200" runat="server" 
                      TargetControlID="SendHiddenButton" PopupControlID="SendingDiv" 
             CancelControlID="CloseButton"&gt;&lt;/asp:ModalPopupExtender&gt;
  </code></pre>
  
  <p>is this this problem caused by the image or what?</p>
  
  <p>Who has an idea or has already done somthin like that:loading image in a popoup.</p>