Forum PHP.pl > [JavaScript]Jak zrobić pasek stanu na stronie?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Jak zrobić pasek stanu na stronie?

Szunaj85

1.05.2011, 10:38:27

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.

blooregard

1.05.2011, 10:44:09

DIV o szerokości powiedzmy 1000px, w środku drugi DIV o kolorze tła powiedzmy #f00 i szerokości proporcjonalnej do podanej wartości.

kadlub

1.05.2011, 11:02:30

[HTML] pobierz, plaintext 
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type='text/javascript'>
window.onload = pasek;
function pasek (){
var dlugosc = document.getElementById("div");
var wartosc = document.getElementById("wartosc");
dlugosc.style.width = wartosc.value;
setTimeout("pasek()",1000);
}
 
    </script>
 
 
</head>
 
 
<body>
<form action="#" method="POST">
<input type="text" id="wartosc" >
</form>
 
<div id="div" style="width:0px; height:20px; background:#999"> </div>
 
</body>
 
</html>
 
[HTML] pobierz, plaintext

taki prost przykładzik

Szunaj85

1.05.2011, 12:22:28

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

Kshyhoo

4.05.2011, 18:41:39

Dziwne, bo u mnie działa...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.