Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] rangeinput i pobranie wartosc
Forum PHP.pl > Forum > Przedszkole
kielich
31.05.2012, 16:31:42
Witam mam taki kod który daje nam rangeinput ( jquery tools) i działa jak należy, moim problemem jest pobranie tej wartość żeby wyświetlić dalej jako tekst o to kod

[HTML] pobierz, plaintext 
  1. 	<input type="range" name="test" min="0" max="3000" value="0" id="cena" />
  2.         <span id="kwota"> </span>
  3.  
  4.  
[HTML] pobierz, plaintext


Kod
            <script type="text/javascript">
                $("#cena").keyup(function () {
                  var value = parseFloat($(this).val()/3);
                  if(!isNaN(value))
                  $("#kwota").text(value.toFixed(2));
                    }).keyup();

        </script>


Jeśli pole jest typu TEXT to działa i kwota się wyświetla ale ja potrzebuje pole typu RANGE

Bardzo proszę o pomoc.

Bardzo proszę o pomoc
IProSoft
31.05.2012, 16:52:43
Podpowiedź:
[HTML] pobierz, plaintext 
  1. <script src="https://github.com/fryn/html5slider/raw/master/html5slider.js"></script>
  2. <script type="text/javascript">
  3. onload = function() {
  4. 	document.getElementById('cena').onchange = function() {
  5.  
  6. 		document.getElementById('wynik').value = this.value;
  7. 	};
  8. }
  9. </script>
  10. Opis: 
  11. <input type="range" name="opis" min="0" max="3000" step="5" value="0" id="cena" />
  12. <input type="text" name="wynik" size="15" maxlength="10" id="wynik" readonly="readonly" />
[HTML] pobierz, plaintext
kielich
31.05.2012, 19:52:30
No własnie i tu jest problem bo ja zamistu inputa
[HTML] pobierz, plaintext 
  1. <input type="text" name="wynik" size="15" maxlength="10" id="wynik" readonly="readonly" />
[HTML] pobierz, plaintext


Potrzebuje czegoś w styl

[HTML] pobierz, plaintext 
  1. <div id="wynik"></div>
[HTML] pobierz, plaintext


niby odwołanie getElementById no ale nie działa jak zmienie ... sad.gif

czy ktoś może dać jakieś rozwiązanie ?
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.