[FRAGE] Grafik während Ladeprozess

[blizzard]

Hallo zusammen,

ich bin gerade dabei über meine Website eine Datei einzulesen, die anschließend geparst und verarbeitet werden soll. Die Datei ist extrem groß und deswegen benötigt auch der Ladeprozess so ca. 20 Sekunden.

Ich würde deshalb ganz gerne für die Wartezeit eine Grafik, bzw. Fortschrittsbalken anzeigen lassen. An sich kein Problem, denn dazu gibt es ja schon reichlich Codevorlagen im Netz... das eingentlich problematische ist, dass die Seite während des Ladens "eingefroren" ist. Ich kann also keine Eingaben oder ähnliches in der Zeit vornehmen und kriege es deshalb nicht hin, dass beim Betätigen eines Buttons eine Grafik erscheint, die ca. 20 Sekunden angezeigt werden soll.
Bisher hab ich es nur hinbekommen, dass der Ladebalken bspw. erst nach dem Ladeprozess erscheint, was ja auch sinnlos dann ist

Gibt es dazu eine Möglichkeit in Javascript?

Vielen Dank!

 

[Dormilich]

Mit AJAX sollte es auf jeden Fall gehen.

 

[mikdoe]

entweder per Ajax oder bei einem normalem Formular kannst du wie in diesem beispiel ein wartebild anzeigen. das ist die einzig mir bekannte möglichkeit, die auch nach dem absenden noch animiert:

var an = window.setInterval(
	function () { 
		var ergebnis = data['element'].innerHTML.search(/working[0-9]+\.gif/);
		if (ergebnis != -1 || data['inhalt'] == '') {
			data['zaehler'] ++;
			if (data['zaehler'] > 12) data['zaehler'] = 1;
			data['inhalt'] = '<img style="vertical-align:middle;" src="/images/working'
				+data['zaehler']
				+'.gif" width="'
				+data['breite']
				+'" height="'
				+data['hoehe']
				+'" border="0">'
			;
			data['element'].innerHTML = data['inhalt'];
		}
		else { clearInterval(an); }
	} 
	,100
);

in diesem beispiel benutze ich 12 einzelbilder die mit pausen hintereinander gezeigt werden. sieht für den benutzer wie eine ladeanzeige aus und verhindert mehrfachklicks auf senden

 

[Dormilich]

Oder man nimmt ein Animated Gif ...

 

[mikdoe]

Oder man nimmt ein Animated Gif ...

nein. das animieren die browser nicht nach absenden

 

[blizzard]

Danke erstmal für eure Antworten!

Da ich noch ziemlich neu bin, steh ich etwas auf'm Schlauch Mir würde es auch erstmal reichen, dass eine Grafik beim Betätigen des Buttons kommt und nach einem gewissen Zeitraum verschwindet.

 

[mikdoe]

images jetweden formats verschwinden ja sowieso zusammen mit dem content sobald der browser die neue seite beginnt aufzubauen, dafür ist also kein tiefgründiger code nötig