[PHP][JavaScript]Pasek postepu dla wykonania petli for Opcje

[adrpak]

Witam
posida ktos lub wie jak zrobic jakis prosty pasek postepu najlepiej w javascript który bedzie obrazowal wykoniaie funkcji "for" w tym skrypcie :

[PHP] pobierz, plaintext 
<?php
for($i=0, $i<=100, $i++){
$wynik = moja_długo_działająca funkcja(); //jedno przejście trwa 1 s.
echo $wynik;
}
?>
[PHP] pobierz, plaintext 

mam skrypt paska postepu lecz nie umiem go z tym połączyć

[HTML] pobierz, plaintext 
<table align="center"><tr><td>
<div id="showbar" style="font-size:8pt;padding:2px;border:solid black 1px;visibility:hidden">
<span id="progress1">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>
</div>
</td></tr></table>
<script language="javascript">
var progressEnd = 9; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 1000; // set to time between updates (milli-seconds)
 
var progressAt = progressEnd;
var progressTimer;
function progress_clear() {
for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
document.getElementById('showbar').style.visibility = 'visible';
progressAt++;
if (progressAt > progressEnd) progress_clear();
else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
progressTimer = setTimeout('progress_update()',progressInterval);
}
function progress_stop() {
clearTimeout(progressTimer);
progress_clear();
document.getElementById('showbar').style.visibility = 'hidden';
}
//progress_update(); // start progress bar
 
</script>
 
<input type="button" name="b1" value="Start Progress Bar" onClick="progress_update()">
 
<input type="button" name="b2" value="Stop Progress Bar" onClick="progress_stop()">
[HTML] pobierz, plaintext 

Prosił bym aby mi ktoś połączył te skrypty lub podał przyklad innego.
Z góry dzieki.

[Fifi209]

To co generowane po stronie php jest wysłane do przeglądarki po zakończeniu działania skryptu stąd odpada raczej taki "pasek".

[adrpak]

tzn ze w czasie pracy skryptu nie ma mozliwosci wyswietlania wynikow w popstaci paska??

[Fifi209]

tzn ze w czasie pracy skryptu nie ma mozliwosci wyswietlania wynikow w popstaci paska??

O właśnie o to chodziło.
Mógłbyś próbować z flush ale... to takie "udawane".

[adrpak]

Ale czytalem ze dzieki javascript jest mozliwe wyswietlanie postepu pracy skryptu.
a ten skrypt paska postępu ktory dalem w 1 poscie jest wlasnie w javascript.

[askone]

Oczywiście, że jest możliwe - wszystko jest możliwe. Pytanie tylko brzmi ile wysiłku jesteś w stanie w to włożyć?

Rozwiązanie:
Generujesz stronkę z przyciskiem rozpoczynającym obliczenia. Dane niezbędne do wyliczeń przesyłasz do skryptu poprzez AJAX. Jednocześnie startujesz kod js, który odpytuje serwer o aktualny stan zaawansowania przeprowadzanych obliczeń - status obliczeń musi być gdzieś zapisywany np. baza. Na podstawie otrzymanych informacji o zaawansowaniu renderujesz pasek postępu...

ps. Kod odpytujący serwer musi działać cyklicznie

Prawda, że proste

Pozdrawiam

Ten post edytował askone 2.12.2010, 16:05:55

[adrpak]

Moze i proste ale nie dla mnie :/ Raczej dużo rzeczy musiał bym jeszcze pojąć by napisac takie coś. Liczylem na to że ktoś napisze mi tutaj takie coś, ale chyba sie przeliczylem :/
Mimo to dzieki na rady.