[jquery]Dynamiczne odejmowanie z zmiennej. Opcje

[Croos22]

Witam.

Próbuje stworzyć kod który dynamicznie będzie odejmował podaną wartość a mi odejmuje jakoś dziwnie. Jak samo chce.

Po wpisaniu 20 odejmnie 2.

[JAVASCRIPT] pobierz, plaintext 
liczba = 1000;
$(".ile").html(liczba);
$("#in").keydown(
function(){
var liczba_form = $("#in").val();
var wynik = liczba - liczba_form;
$(".ile").html(wynik);
});
[JAVASCRIPT] pobierz, plaintext 

Czekam na podpowidzi jak problem rozwiązać ew. jakieś lepsze rozwiązanie.

[piotrooo89]

te pola to input'y formularza? co dziwnie odejmuje, podaj więcej informacji.

[rocktech.pl]

Obserwuj bardziej zdarzenie keyup. Bo po wpisaniu 20 działa tak odejmuje 0 (gdyż wartość pola po zdarzeniu keydown wynosiła 0) i potem odejmuje 2.
A jak obserwujesz keyup to wtedy pobierze wartość właściwą pola.

Najbardziej możesz polegać na change(). Tylko będziesz musiał ciut zmodyfikować skrypt aby odświeżać na żywo

[JAVASCRIPT] pobierz, plaintext 
liczba = 1000;
 
$("#ile").html(liczba);
 
$("#in").keyup(
 
function(){
 
var liczba_form = $("#in").val();
 
var wynik = liczba - liczba_form;
 
$("#ile").html(wynik);
 
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował rocktech.pl 28.12.2011, 14:58:01

[kamil4u]

Kod

var liczba_form = $("#in").val();

->

Kod

var liczba_form = $(this).val();

Po co wyszukiwać drugi raz ten sam element? Używamy this.

[Croos22]

Mam jeszcze jedno pytanie.

A jeśli bym chciał więcej pól tekstowych o takich samych atrybutach bez powielania kodu?

[kamil4u]

Operujesz na klasie (class="klasa" i $('.klasa'))i w jQuery "each".

[Croos22]

Zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
$("#in").keyup(function() {
$(this).each(function(){
var liczba_form = $(this).val();
var wynik = liczba - liczba_form;
$(".ile").html(wynik);
});
});
[JAVASCRIPT] pobierz, plaintext 

Dlaczego mi to nie działa? Odejmuje w pierwszym inpucie i w dwóch klasach wstawia.

Ten post edytował Croos22 28.12.2011, 19:56:26

[Shili]

[JAVASCRIPT] pobierz, plaintext 
$("#in").keyup(function() {
// #in powinien być JEDEN w kodzie; nie ma potrzeby użycia poniższego this
$(this).each(function(){
var liczba_form = parseInt($(this).val()); // upewnijmy się, że jest to int
var wynik = liczba - liczba_form;
$(".ile").html(wynik);
});
});
[JAVASCRIPT] pobierz, plaintext 

http://jsfiddle.net/ - umieść kod z html; popatrzy się i pokombinuje

[Croos22]

Kod html wygląda tak:
http://jsfiddle.net/L4reZ/3/

[Shili]

#id MUSI być unikalne per dokument. Zawsze i bezwzględnie należy tego przestrzegać.

http://jsfiddle.net/3xnPx/
Przeanalizuj (IMG:style_emoticons/default/smile.gif)

@down
Lol, to tak jak na szybko się coś robi (IMG:style_emoticons/default/biggrin.gif)
http://jsfiddle.net/3xnPx/2/ - nie zapisałam kodu (IMG:style_emoticons/default/smile.gif) Ten podany do niczego się nie nadawał i nie taki miał być, co mam nadzieję widać po pierwszej linijce odnośnie ID.

Ten post edytował Shili 28.12.2011, 20:38:09

[kamil4u]

Co Wy w ogóle za kody piszecie? Wszystko źle od początku do końca....

Po pierwsze trzeba sprawdzić jak działa each, Wy tego nie zrobiliście...
Nie wiem, który kod analizować, bo większość jest bezsensu...
Będę pisał z każdego kodu po trochę.

Najpierw przypisujecie zdarzenie $("#in").keyup , a później używacie $(this).each. This w tym momencie wskazuje na konkretny element( jeden element, ten, który jest kliknięty ), a Wy używacie później each - to totalnie bez sensu.

Przeanalizujcie to i pytajcie jeżeli macie wątpliwości, bo mieszacie wszystko( pętle, zdarzenia ): http://jsfiddle.net/3xnPx/1/
Ten kod nadal mi się nie podoba, ale jest już sporo lepszy, niż był.

Pozdrawiam