Fortschritts anzeige Progress bar
Christian Weissengruber
- javascript
0 Harry
Hallo zusammen,
ich rufe von einer ASP-Seite einen Prozess auf einem anderen Server auf. Waehrend der Prozess laeuft moechte ich dem User nicht nur die Sanduhr anbieten, sondern mit einer Fortschrittsanzeige zeigen, dass sich da was tut.
ich stell mir da einen wachsenden Balken vor, der die verstrichene Zeit in % darstellt. Die Gesamtzeit weiss ich in etwa aus Erfahrung, und +5 sec oder - 3 sec spielen keine Rolle.
gibt es irgendwo einen Ansatz dafuer?
Danke fuer Tips oder Links.
Gruss
Christian
Hallo Christian,
habe neulich folgendes untenstehendes Script gemacht für einen ähnlichen Zweck. Es wechselt einfach durchsichtige Gifs in grüne Gifs einmal pro Sekunde. Wenn ein festzulegendes Abbruchkriterium erreicht ist, werden bei mir zwei Frames gewechselt.
Das Script habe ich gerade aus dem Stand ein wenig abgeändert, sodaß es mit Sicherheit so wie es da steht nicht funktioniert, aber der Ansatz stimmt.
Das Ergebnis kannst du dir anschauen, wenn du mit Netscape 4.x folgende Seite aufrufst und relativ bald auf eines der Logos klickst.
www.watch4fun.com
Gruß Harry
function start(datei,nr) {
z=nr;
d=datei;
if (z==NummerDesErstenStatusbalkenBildes) {
parent.frames[0].document.images[NummerEinesMeldungsbildchens].src = "geduld.gif"; }
parent.frames[0].document.images[z].src = "grün.gif"
z=z+1;
if (z == NummerSesLetztenStatusbalkenBildes) {
for (zz=NummerErstes...; zz<NummerLetztes...; zz++) {
parent.frames[0].document.images[zz].src = "Durchsichtig.gif"; }
z = NummerDesErstenStatusbalkenBildes;
}
window.setTimeout('start(d,z)',1000);
}
else {
parent.frames[0].location.href="verzeich.html";
parent.frames[3].location.href=datei + '0.html'; }
}
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<img src="Durchsichtig.gif" width="2" height="8" border="0">
<br>
<img src="GeduldDurchsichtig.gif" width="102" height="10" border="0">