Hallo erstmal!
Ich grüble jetzt schon etwas länger über einem Problem, vielleicht könnt ihr mir da helfen. Ich möchte in einem Formular einen Upload integrieren, das funktioniert auch alles problemlos. Nun kann der Upload von Bildern übers Netz ja doch etwas länger dauern und darum wollte ich einen Fortschrittsbalken einfügen. Ich dachte mir also Folgendes: Beim Abschicken des Formulars wird der Bereich mit dem Button ausgeblendet und ein anderer Div mit einer Fortschritts-Gif-Grafik wird eingeblendet. Das Ganze sieht dann so aus:
Im Head:
Alles anzeigen
Im Formular:
Alles anzeigen
Wenn man das Formular abschickt wird, werden Text und Grafik zwar sichtbar. Aber komischerweise "läuft" die Gif-Animation nur in Firefox, jedoch nicht in Safarioder IE (Nachtrag: Da war ich wohl zu ungeduldig! IE funktioniert doch, nur Safari macht Probleme). Ich hatte deswegen auch schon versucht, das mit "innerHTML" zu lösen, aber die Animation steht weiterhin still. Woran kann das liegen? In Firefox läuft ja alles (wie so oft *g*) tadellos!
Wäre toll, wenn ihr da ein paar Tipps hättet! Danke auch schon mal!
Grüße,
Max
Ich grüble jetzt schon etwas länger über einem Problem, vielleicht könnt ihr mir da helfen. Ich möchte in einem Formular einen Upload integrieren, das funktioniert auch alles problemlos. Nun kann der Upload von Bildern übers Netz ja doch etwas länger dauern und darum wollte ich einen Fortschrittsbalken einfügen. Ich dachte mir also Folgendes: Beim Abschicken des Formulars wird der Bereich mit dem Button ausgeblendet und ein anderer Div mit einer Fortschritts-Gif-Grafik wird eingeblendet. Das Ganze sieht dann so aus:
Im Head:
Quellcode
- <script type="text/javascript">
- function showWaitMessage() {
- document.getElementById("submitDiv").style.display = "none";
- document.getElementById("waitingDiv").style.display = "block";
- document.getElementById("progressBar").innerHTML = "<img alt='Bitte warten...' src='indicator_verybig.gif' />";
- }//fu
- </script>
Im Formular:
Quellcode
- <fieldset>
- <div class="field-block" style="margin-top:30px">
- <div id="submitDiv">
- <label for="submit">Alles in Ordnung? Dann können Sie die Bestellung jetzt abschicken!</label>
- <input id="submit" class="submit" name="submit" type="submit" value="Los geht's!" />
- </div>
- <div id="waitingDiv" style="display:none">
- <div id="progressBar"><img alt="Bitte warten..." src="indicator_verybig.gif" /></div>
- <p>Bitte warten, der Sendevorgang läft…</p>
- </div>
- </div>
- </fieldset>
Wenn man das Formular abschickt wird, werden Text und Grafik zwar sichtbar. Aber komischerweise "läuft" die Gif-Animation nur in Firefox, jedoch nicht in Safari
Wäre toll, wenn ihr da ein paar Tipps hättet! Danke auch schon mal!
Grüße,
Max
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von makrro ()