Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Jak zrobić pasek stanu na stronie?
Szunaj85
post 1.05.2011, 10:38:27
Post #1





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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

Witam,
Jak zrobić w JS pasek stanu na stronie www tak aby w zależności ile wynosi pewna wartość pasek się zmieniał w czasie rzeczywistym.
Czyli jeśli wartość wynosi 0 pasek jest pusty, a jak 1000 pasek jest pełny. snitch.gif


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
Go to the top of the page
+Quote Post
blooregard
post 1.05.2011, 10:44:09
Post #2


Newsman


Grupa: Moderatorzy
Postów: 2 033
Pomógł: 290
Dołączył: 21.12.2007
Skąd: Łódź
DIV o szerokości powiedzmy 1000px, w środku drugi DIV o kolorze tła powiedzmy #f00 i szerokości proporcjonalnej do podanej wartości.


--------------------
Life's simple... You make choices and don't look back...
Go to the top of the page
+Quote Post
kadlub
post 1.05.2011, 11:02:30
Post #3





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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

[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  3. <script type='text/javascript'>
  4. window.onload = pasek;
  5. function pasek (){
  6. var dlugosc = document.getElementById("div");
  7. var wartosc = document.getElementById("wartosc");
  8. dlugosc.style.width = wartosc.value;
  9. setTimeout("pasek()",1000);
  10. }
  11.  
  12.     </script>
  13.  
  14.  
  15. </head>
  16.  
  17.  
  18. <body>
  19. <form action="#" method="POST">
  20. <input type="text" id="wartosc" >
  21. </form>
  22.  
  23. <div id="div" style="width:0px; height:20px; background:#999"> </div>
  24.  
  25. </body>
  26.  
  27. </html>
  28.  
[HTML] pobierz, plaintext

taki prost przykładzik
Go to the top of the page
+Quote Post
Szunaj85
post 1.05.2011, 12:22:28
Post #4





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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

Fajny ten przykładzik, ale mimo moich wielu prób modyfikacji skrypt nie działa mi. Pasek się nie przesuwa.

Ten post edytował Szunaj85 1.05.2011, 12:23:53


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
Go to the top of the page
+Quote Post
Kshyhoo
post 4.05.2011, 18:41:39
Post #5





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Dziwne, bo u mnie działa...


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.05.2025 - 06:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn