Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Dynamiczne obliczanie zawartości input'a
Barcelona
post
Post #1





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

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


Cześć, w swoim formularzu mam input'a w którego wpisuje tylko cyfry. Następnie na tej wartości są wykonywane działania. Wyniki tego działania są wyświetlane w divie poniżej. Jednak są one pokazywane dopiero po "zejściu" z tego input'a. A chciałbym aby pokazywały się dynamicznie, żebym nie musiał nigdzie klikać.

  1. <form>
  2. <input type="text" name="braki" id="braki" value="" />
  3. <input type="hidden" name="waga" value="12" />
  4. <div id="procent"> <b></b></div>
  5. </form>&#8203;


[JAVASCRIPT] pobierz, plaintext
  1. $(function() {
  2. $('#braki').change(function() {
  3. var $t = $(this);
  4. var braki = parseInt($t.val());
  5. var waga = parseInt($('input[name="waga"]').eq(0).val());
  6. var wynik = (braki/(braki+waga)*100).toFixed(3);
  7. $('#procent b').html(wynik);
  8. });
  9. });&#8203;
[JAVASCRIPT] pobierz, plaintext


http://jsfiddle.net/Vu73F/ --> Nie wiem czemu tam akurat nie to nie działa

Próbowałem wywoływać funkcją onkeyup jednak bez żadnych efektów, a może poprostu coś źle robie :/
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


nie onkeyup a keyup takie tam na szybko http://jsfiddle.net/Vu73F/3/ powinno naprowadzić na rozwiązanie

Ten post edytował lobopol 25.04.2012, 19:08:03


--------------------
Go to the top of the page
+Quote Post
Barcelona
post
Post #3





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

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


Dzięki, tylko po co ta funkcja .keydown(function(e)

zauważyłem tylko że nie mogę kasować tego co wpisałem w inputa.
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Heh zapomniałem o backspace smile.gif, ogólnie ta funkcja nie pozwala na wprowadzenie czegoś innego niż liczbę (przez pisanie, przez wklejanie trzeba by zmodyfikować) w inpucie sprawdź kod backspace i wyklucz go w tym ifie


--------------------
Go to the top of the page
+Quote Post
Barcelona
post
Post #5





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

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


No faktycznie, fajna sprawa. Tylko ja nie mam pojęcia w jaki sposób mogę wykluczyć z tego backspace :/ Ogólnie funkcja bardzo przydatna smile.gif
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Łapaj http://jsfiddle.net/Vu73F/4/


--------------------
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: 21.08.2025 - 20:22