Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [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
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 (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 15:37