2010-01-18 8 views
9

Ich habe ein Formular, wo die Senden-Funktion mehrere Minuten dauert. Ich möchte ein animiertes Gif anzeigen, während der Submit gerade durchdreht. Der folgende Code zeigt das gif, aber es bewegt sich nicht. Was kann ich tun, um es in Gang zu bringen?Animiertes GIF nicht animieren auf Senden

<script type="text/javascript"> 

    $(function() { 
     $("#submit").click(function() { 
      $("#wait").show(); 
      return true; 
     }); 
    }); 

</script> 

<% Using Html.BeginForm%> 
<%-- Various input fields here --%> 
<input id="submit" type="submit" value="Submit" /> 
<img id="wait" src="../../Content/images/ajax-loader.gif" alt="" style="display: none" /> 
<% End Using%> 

Antwort

15

Dieses Problem tritt nur in IE auf, richtig? Rick Strahl hat dies in seinem Blog vor einiger Zeit besprochen. Lesen Sie unbedingt die Kommentare.

Animated GIF images in hidden page elements

+1

nicht einmal Hatte allerdings darüber, was es in einem anderen Browser zu tun, und sicher genug, es funktioniert ganz gut in Chrome. Vielen Dank! – gfrizzle

5

Followig Joshs Link, den ich bekommen konnte es mit arbeiten:

setTimeout('document.images["loadimage"].src = "../Images/loading_bar.gif"', 200);