Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Pasek postępu
furman12
post
Post #1





Grupa: Zarejestrowani
Postów: 118
Pomógł: 4
Dołączył: 3.12.2009

Ostrzeżenie: (0%)
-----


Witam,
Buduję sobie skrypt uploadu i zależy mi na pasku postępu. Czy można zrobić go w samym php, czy trzeba uciekać się do javascript? Chciałbym nie używać js gdyż jestem w tym temacie zielony (choć nie mogę powiedzieć że jestem orłem w php), lecz jeśli nie można zrobić tego w php proszę o wytłumaczenie krok po kroku jak zrobić to inaczej, jeśli jest taka konieczność proszę o przeniesienie. smile.gif
Pozdrawiam
Go to the top of the page
+Quote Post
tehaha
post
Post #2





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

Ostrzeżenie: (0%)
-----


php to skrypt po stronie serwera, więc nie zrobisz w nim takiego paska, najprościej będzie jak użyjesz jakiegoś gotowego rozwiązania np.
http://t.wits.sg/2008/06/25/howto-php-and-...d-progress-bar/
a tutaj demo tego paska:
http://t.wits.sg/misc/jQueryProgressBar/demo.php
Go to the top of the page
+Quote Post
john_doe
post
Post #3





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


http://digitalbush.com/projects/progress-bar-plugin/
Go to the top of the page
+Quote Post
furman12
post
Post #4





Grupa: Zarejestrowani
Postów: 118
Pomógł: 4
Dołączył: 3.12.2009

Ostrzeżenie: (0%)
-----


Ten z digital bush coś mi nie działa. Na 100% coś źle robie. Możecie napisać jak to ma być. Nie piszcie o kursach bo właśnie czytam 1, ale dalej mi nie idzie.

W ogóle jak to podpiąć pod upload?
PS: Do modratora, chyba trzeba przenieść bo temat zszedł na js.

Dobra mam coś takiego:
  1. <link rel="stylesheet" type="text/css" href="style.progressbar.css" />
  2. <script type="text/javascript" src="mintAjax.js"></script>
  3. var interval;
  4. var procents = 0;
  5. var rands = 0;
  6. var procen = 0;
  7.  
  8.  
  9.  
  10. function cut() {
  11.  
  12. obj = document.getElementById("mask");
  13. text = document.getElementById("procents");
  14. width = obj.offsetWidth;
  15. rands = rand(15);
  16. width = width - rands;
  17. procents += Math.round(rands/3);
  18. obj.style.width = width + "px";
  19.  
  20. if(procents >= 100) {
  21. clearInterval(interval);
  22. procents = 100;
  23. }
  24. text.innerHTML = "<b>"+procents + "%</b>";
  25. }
  26.  
  27.  
  28. function startUpload() {
  29. document.getElementById("upload_process").style.display = "block";
  30. interval = setInterval("cut()", rand(300));
  31. return true;
  32. }
  33.  
  34.  
  35. function stopUpload() {
  36. clearInterval(interval);
  37. }
  38.  
  39.  
  40. function rand(n) {
  41. return (Math.round(Math.random() * n + 1));
  42. }
  43. </head>
  44. <form method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();">
  45. File: <input name="myfile" type="file" />
  46. <input type="submit" name="plik" value="Upload"/> <div id="upload_process" style="display:none;">
  47. <div id="loader">
  48. <div id="mask"></div>
  49. <div id = "procents"></div>
  50. <div class="clear"></div>
  51. </div>
  52. </div>
  53. </form>
  54. <iframe id="upload_target" name="upload_target" src="#" style="width:0px;height:0px;border:0px solid #fff;"></iframe>
  55. </body>
Tylko jak to podpiąć żeby szło równo z uploadowaniem?
Go to the top of the page
+Quote Post
wiiir
post
Post #5





Grupa: Zarejestrowani
Postów: 260
Pomógł: 34
Dołączył: 22.02.2010

Ostrzeżenie: (0%)
-----


no przeciez nie da sie tego zrobic w js ehhhh... widzialem kiedys na sieci biblioteke do php gdzie bylo to zrobione
dzialalo to tak ze miales podglad ile pliku juz jest wyslanego ile ci zostalo info bylo w kb.. dodatkowo mozna bylo ustawiac limity na wysylanie i pare innych
Go to the top of the page
+Quote Post
VegetaSSJ
post
Post #6





Grupa: Zarejestrowani
Postów: 78
Pomógł: 2
Dołączył: 21.10.2006

Ostrzeżenie: (0%)
-----


A ja polecam: http://swfupload.org/
Używam we wszystkich projektach, jak dla mnie jest niezastąpiony i ma wszystkie funkcje o którym można pomyśleć, mni multiupload i progressbar
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 16:53