Andreas Gräfe: Animiertes GIF nach form.submit anzeigen

Beitrag lesen

Hallo,

ich habe ein Problem mit dem Darstellen eines animierten GIF's nach dem Absenden eines Formulars.

Zur Verdeutlichung:
Wenn das Formular abgeschickt werden soll, wird mittels Eventhandler im Form-Tag (onSubmit) eine Funktion ausgeführt, die über die ganze Seite ein DIV mit einem eingeschlossenen p-Tag anzeigen. Im p-Tag ist ein animiertes Gif enthalten.
Die Behandlung soll vor einem versehentlichen nochmaligen Absenden des Formulars schützen. Da es sich um eine intere Webseite handelt, kann ich leider kenen Link anbieten. Ich geben mal den Code mit an.

Im Firefox wird das auch wunderbar angezeigt. Nur im IE bleibt das Bild fest.

Gibt es denn eine Möglichkeit, die Anzeige zu erzwingen?
-------------------
<div id="overlay"
style="position: absolute; width:100%; vertical-align: middle;
color: #fff; font-size: x-large; text-align: center; height:100%;
z-index:100; background-image: url(overlayer.gif);
visibility: hidden; padding-top: 150px;">

<p style="width: 300px; height: 50px; margin: auto;
background-color: #68838B; font-family: Arial;
border: #2f4f4f 2px solid; padding: 10px;">
wird bearbeitet...<br>
<img src="pgbar.gif" alt="Progressbar"/>

</p>
</div>

Javascript:
<script type="text/javascript">

var isSubmitted = false;

function SubmitForm()
{

if (isSubmitted == false)
 {
  window.status = "bearbeite Vorgang...";
  document.getElementById("overlay").style.visibility = "visible";
  isSubmitted = true;
 }
 else
 {
  alert("Berarbeitung wird schon ausgeführt...");
 }
 return isSubmitted;
}

</script>