Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JS]Dynamiczne dodoawanie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
beher83
27.08.2014, 15:43:16
Mam małą zagwozdkę, a mianowicie..
Stworzyłem box score dla drużyn koszykówki. Po wybraniu ilości dogrywek i wybraniu 2 drużyn pojawia się pusta tabela w której można wpisać zdobyte punkty, zbiórki, asysty itd.. Tabela pojawia się w tzw. zakładkach odpowiednio do każdej kwarty (q1,q2,q3,q4 ) oraz jeżeli są to również dogrywki. Na samym końcu jest zakładka Final Box.
I tu moje pytanie, w jaki sposób sumować wszystkie pola np. pkt danego gracza używając onkeyup by w final box pojawiała się suma np. pkt z każdej kwarty i dogrywek.
Będę wdzięczny za podpowiedzi, oraz przykłady jakichś skryptów które mogę przeanalizować i się z nich uczyć.
nospor
27.08.2014, 20:50:07
To co chcesz zrobic z php nie ma zadnego związku... sam piszesz o uzyciu onkeyup a to jest js. przenosze.
beher83
25.09.2014, 10:53:24
Witam czy ktoś może ma jakiś pomysł na sumowanie tych pól przy użyciu onkeyup lub jakiś inny pomysł ?
tzm
25.09.2014, 11:52:33
http://jsfiddle.net/wqm6y8ku/

Nie wiem czy dobrze zrozumiałem przykład ale to Cie bardzo nakieruję.
beher83
8.11.2014, 21:22:54 
[HTML] pobierz, plaintext 
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  2. <script>
  3. function add(obj){
  4.  
  5. 	var x = obj.id;
  6. 	var i = x.substr(3,2);
  7. 	var j = x.substr(0,3);
  8. 	var z = j+i;
  9. 	a = $('#fb_'+z).text();
  10. 	v = $('#'+z).val(); 
  11. 	sum = parseInt(a)+parseInt(v);
  12. 	$("#fb_"+z).html(sum);
  13. }
  14. </script>
  15. <body>
  16. <div class='tab'>
  17. kwarta 1<br>
  18. gracz1: <input type='text' id='fg1' size='1' maxlength='2' onkeyup='add(this)'>
  19. gracz2: <input type='text' id='fg2' size='1' maxlength='2' onkeyup='add(this)'>
  20. gracz3: <input type='text' id='fg3' size='1' maxlength='2' onkeyup='add(this)'>
  21. </div>
  22. <div class='tab'>
  23. kwarta 2<br>
  24. gracz1: <input type='text' id='fg1' size='1' maxlength='2' onkeyup='add(this)'>
  25. gracz2: <input type='text' id='fg2' size='1' maxlength='2' onkeyup='add(this)'>
  26. gracz3: <input type='text' id='fg3' size='1' maxlength='2' onkeyup='add(this)'>
  27. </div>
  28. <br><br>
  29. gracz1: <span id='fb_fg1'>0</span>
  30. gracz2: <span id='fb_fg2'>0</span>
  31. gracz3: <span id='fb_fg3'>0</span>
  32. </body>
[HTML] pobierz, plaintext


zakładamy że kwarta 1 i 2 są w zakładkach (nie chce mi sie całego kodu wklejac)
Udało mi sie dojść do czegoś takiego i troche utknąłem... a mianowicie jeżeli wpisuje cyfry tylko w np. kwarta 1-> gracz 1 to wszystko mi sumuje w wyniki gracz 1, ale jak wpisze juz do kwarta2->gracz 1 to wtedy bieże znów gracza z pierwszej kwart.. jak to zrobic by bylo dobrze i sumowalo gracza 1 z kwarty 1 i 2, gracza 2 z kwart 1 i 2 itd..?
nie moge zmienic id w każdej kwarcie na różne gdyż kwart jest więcej..
miałby ktoś jakiś pomysł?
Pyton_000
8.11.2014, 21:45:12
Źle się do tego zabierasz.
Na event onKeyUp powinieneś sumować wartości z pól odpowiadających np. graczowi a nie dodawać to co wklepiesz do sumy, bo jak sie pomylisz to będzie Ci nadal dodawało, a i jak wpiszesz np. 22 to doda Ci raz 2 a potem 22 czyli 24 smile.gif
Poza tym id ma być unikalne, a Ty używasz tego samego dla różnych zakładek np. fg1

[Update]
No dobra, nudzi mi się wink.gif Wybaczcie mi smile.gif Za dobre serce dziś mam.
[HTML] pobierz, plaintext 
  1. <div class='tab'>
  2.     kwarta 1<br>
  3.     gracz1: <input type='text' class="player_1" name="player_1" size='1' maxlength='2'>
  4.     gracz2: <input type='text' class="player_2" name="player_2" size='1' maxlength='2'>
  5.     gracz3: <input type='text' class="player_3" name="player_3" size='1' maxlength='2'>
  6. </div>
  7. <div class='tab'>
  8.     kwarta 2<br>
  9.     gracz1: <input type='text' class="player_1" name="player_1" size='1' maxlength='2'>
  10.     gracz2: <input type='text' class="player_2" name="player_2" size='1' maxlength='2'>
  11.     gracz3: <input type='text' class="player_3" name="player_3" size='1' maxlength='2'>
  12. </div>
  13. <div class='tab'>
  14.     kwarta 3<br>
  15.     gracz1: <input type='text' class="player_1" name="player_1" size='1' maxlength='2'>
  16.     gracz2: <input type='text' class="player_2" name="player_2" size='1' maxlength='2'>
  17.     gracz3: <input type='text' class="player_3" name="player_3" size='1' maxlength='2'>
  18. </div>
  19. <div class='tab'>
  20.     kwarta 4<br>
  21.     gracz1: <input type='text' class="player_1" name="player_1" size='1' maxlength='2'>
  22.     gracz2: <input type='text' class="player_2" name="player_2" size='1' maxlength='2'>
  23.     gracz3: <input type='text' class="player_3" name="player_3" size='1' maxlength='2'>
  24. </div>
  25.  
  26. <br><br>
  27. gracz1: <span id='sum_1'>0</span>
  28. gracz2: <span id='sum_2'>0</span>
  29. gracz3: <span id='sum_3'>0</span>
  30.  
  31. <script>
  32.     $(function() {
  33.         $('input[name^="player"]').keyup(function(event) {
  34.             var player = $(this).attr("name").split('_');
  35.             player = player[1];
  36.  
  37.             var  player_sum = 0;
  38.  
  39.             $('.player_'+player).each(function(index, el) {
  40.                 var pt = parseInt($(el).val());
  41.                 if(!isNaN(pt))
  42.                 {
  43.                     player_sum += pt;
  44.                 }
  45.             });
  46.             $('#sum_'+player).html(player_sum);
  47.         });
  48.     });
  49. </script>
[HTML] pobierz, plaintext
beher83
9.11.2014, 18:37:25
Wielkei dzięki o coś takiego mi chodziło teraz to sobie przestudiuje co i jak oraz z kad co sie bierze smile.gif jeszcze raz dzieki
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.