Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][AJAX]"Pasek postepu"
marcio
post
Post #1





Grupa: Zarejestrowani
Postów: 2 291
Pomógł: 156
Dołączył: 23.09.2007
Skąd: ITALY-MILAN

Ostrzeżenie: (10%)
X----


Witam chce zrobic taki nieprawdziwy pasek przewijania w ajax+js nie chodzi o dokladny postep uploadowaniu pliku lecz o sam efekt:
http://marcio.szu.pl/up.php jak widac efekt jest ale nie do konca poniewaz pasek odrazu laduje sie do 100% obojetnie jaki dam czas wykonywania setInterval() kumplem mi powiedzial zebym zrobic 2 div'y ktore maja sie zakrywac i potem za pomoca js odkywac jeden ale nie wiem idee jak to zrobic moj kod wyglada tak:
Kod
<?php

if(isset($_GET['perc'])) {

$percent = str_replace('%', '', $_GET['perc']);

echo('<table><tr><td><img src="./cms/grafiki/administration/spinner.gif"></td></tr></table><table style="width:20%;border:1px solid #000000;padding:0px;"><tr><td><img id="loader" src="pollbar.gif" style="background-color:#FF0000;height:18px;width:'.$percent.'%;" alt="wykres_upload"></td></tr></table>');

for($i = $percent; $i <= 100; $i += 10) {
echo('<script>
setTimeout(document.getElementById("loader").style.width="'.$i.'%", 500);
</script>');

  }
}

?>

Jakies pomysly moze inne rozwiazania?

(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
marcio
post
Post #2





Grupa: Zarejestrowani
Postów: 2 291
Pomógł: 156
Dołączył: 23.09.2007
Skąd: ITALY-MILAN

Ostrzeżenie: (10%)
X----


Nie rozumiem mam taki kod html:
Kod
<div id="upload_process" style="display:none;">
<img src="./cms/grafiki/administration/spinner.gif">
<div id="loader">
<div id="mask"></div>
<div id = "procents"></div>
<div class="clear"></div>
</div>
</div>

Kod css:
Kod
#loader
{  
    position: relative;
    width: 300px;
    height: 18px;
    background: #0B0;
        border: 1px solid #000000;
}                    

#procents
{
    position: absolute;
    width: 300px;
    height: 18px;
    top: -3px;
    text-align: center;
    font-size: 10px;
        padding: 5px;
}

#mask
{            
    float: right;
    width: 300px;
    height: 18px;
    background: #FF0000;
}  

.clear
{
    clear: both;
}

Gdzie robie blad??

P.S co do tego zatrzymywania funkcji myslalem o wysylaniu rezeltatu za pomoca ajax'a do skryptu gdzie jest formularz do upload'u i przy danej wartosci robic zatrzymac np progress bar czy to moze zadzialac?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 18:51