Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] wycena
Forum PHP.pl > Forum > Przedszkole
kt
28.05.2014, 11:53:37
Nie mogę sobie poradzić z wyświetlaniem odpowiedniej wartości. Chciałbym uzyskać efekt taki że dla towaru 1,4,7 nie ma dodatkowych opłat, natomiast w pozostałych przypadkach doliczany jest dodatkowy koszt. Nie potrafię sobie również poradzić z uzyskaniem sumy poszczególnych komórek. Mogę prosić o pomoc questionmark.gif w jaki sposób osiągnąć pożądany efekt questionmark.gif 

[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>Dokument bez tytułu</title>
  4.  
  5. <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  6. <script type="text/javascript">// <![CDATA[
  7. google.load("jquery", "1");
  8. // ]]></script>
  9. <script type="text/javascript">// <![CDATA[
  10. function update(){
  11. var sum = 0;
  12. $("#calculator > tbody > tr").each(function(){
  13.  
  14. var lp = parseFloat($(this).find("td:eq(0)").text());    
  15.  
  16. var amount = parseFloat($(this).find("td").eq(3).find('input').val());
  17.  
  18. var value = $(this).find("td:eq(4)");
  19. var _value = parseFloat(value.text()); 
  20. var value2 = parseFloat($(this).find($("#pg")).text());
  21.  
  22. if (_value > 0 && (lp == 2 || lp == 3 || lp == 5 || lp == 6))
  23. {$("#pg").text(60);}
  24.  
  25. if (_value > 0 && (lp == 2 || lp == 3 || lp == 5 || lp == 6) && (lp == 1 || lp == 4 || lp == 7))
  26. {$("#pg").text(60);}
  27.  
  28. if (_value > 0 && lp != 1 && lp != 4 && lp != 7)
  29. {$("#pg").text(0);}
  30.  
  31.  
  32.  
  33.  
  34. var price = $(this).find("td:eq(2)");
  35.  
  36.  
  37. if (amount > 0 && amount < 501 && lp ==1) {
  38. price.text(0.37);
  39. } else 
  40. if (amount > 500 && amount < 3001 && lp ==1) {
  41. price.text(0.32);
  42. } else 
  43. if (amount > 3000 && amount < 6001 && lp ==1) {
  44. price.text(0.25);
  45. } else 
  46. if (amount > 6000 && amount < 10001 && lp ==1) {
  47. price.text(0.21);
  48. } else 
  49. if (amount > 10000 && lp ==1) {
  50. price.text(parseFloat(0.20).toFixed(2));
  51. } else
  52.  
  53. if (amount > 0 && amount < 501 && lp ==2) {
  54. price.text(parseFloat(0.50).toFixed(2));
  55. } else 
  56. if (amount > 500 && amount < 3001 && lp ==2) {
  57. price.text(0.42);
  58. } else 
  59. if (amount > 3000 && amount < 6001 && lp ==2) {
  60. price.text(0.32);
  61. } else 
  62. if (amount > 6000 && amount < 10001 && lp ==2) {
  63. price.text(0.24);
  64. } else 
  65. if (amount > 10000 && lp ==2) {
  66. price.text(0.23);
  67. } else
  68.  
  69. if (amount > 0 && amount < 501 && lp ==3) {
  70. price.text(0.54);
  71. } else 
  72. if (amount > 500 && amount < 3001 && lp ==3) {
  73. price.text(0.46);
  74. } else 
  75. if (amount > 3000 && amount < 6001 && lp ==3) {
  76. price.text(0.36);
  77. } else 
  78. if (amount > 6000 && amount < 10001 && lp ==3) {
  79. price.text(0.29);
  80. } else 
  81. if (amount > 10000 && lp ==3) {
  82. price.text(0.28);
  83. } else
  84.  
  85. if (amount > 0 && amount < 501 && lp ==4) {
  86. price.text(parseFloat(0.40).toFixed(2));
  87. } else 
  88. if (amount > 500 && amount < 3001 && lp ==4) {
  89. price.text(0.35);
  90. } else 
  91. if (amount > 3000 && amount < 6001 && lp ==4) {
  92. price.text(0.28);
  93. } else 
  94. if (amount > 6000 && amount < 10001 && lp ==4) {
  95. price.text(0.24);
  96. } else 
  97. if (amount > 10000 && lp ==4) {
  98. price.text(0.23);
  99. } else
  100.  
  101. if (amount > 0 && amount < 501 && lp ==5) {
  102. price.text(0.52);
  103. } else 
  104. if (amount > 500 && amount < 3001 && lp ==5) {
  105. price.text(0.44);
  106. } else 
  107. if (amount > 3000 && amount < 6001 && lp ==5) {
  108. price.text(0.34);
  109. } else 
  110. if (amount > 6000 && amount < 10001 && lp ==5) {
  111. price.text(0.27);
  112. } else 
  113. if (amount > 10000 && lp ==5) {
  114. price.text(0.26);
  115. } else
  116.  
  117. if (amount > 0 && amount < 501 && lp ==6) {
  118. price.text(0.56);
  119. } else 
  120. if (amount > 500 && amount < 3001 && lp ==6) {
  121. price.text(0.48);
  122. } else 
  123. if (amount > 3000 && amount < 6001 && lp ==6) {
  124. price.text(0.38);
  125. } else 
  126. if (amount > 6000 && amount < 10001 && lp ==6) {
  127. price.text(0.31);
  128. } else 
  129. if (amount > 10000 && lp ==6) {
  130. price.text(parseFloat(0.30).toFixed(2));
  131. } else 
  132.  
  133. if (amount > 0 && amount < 501 && lp ==7) {
  134. price.text(0.34);
  135. } else 
  136. if (amount > 500 && amount < 3001 && lp ==7) {
  137. price.text(0.28);
  138. } else 
  139. if (amount > 3000 && amount < 6001 && lp ==7) {
  140. price.text(0.21);
  141. } else 
  142. if (amount > 6000 && amount < 10001 && lp ==7) {
  143. price.text(0.18);
  144. } else 
  145. if (amount > 10000 && lp ==7) {
  146. price.text(0.17);
  147. } else price.text(0)
  148.  
  149. var _price = parseFloat(price.text());    
  150.  
  151. if (amount > 0 && amount !== undefined ) {
  152. value.text(parseFloat(_price*amount).toFixed(2));
  153. sum += _price*amount;
  154. } else {
  155. value.text(0);
  156. }
  157.  
  158. });
  159. $("#summary").text(parseFloat(sum).toFixed(2));
  160. $("#koszty").text(parseFloat(sum).toFixed(2));
  161. }
  162. $(document).ready(function(){
  163. update();
  164. $("#calculator input").keyup(function(){
  165. update();
  166. });
  167. });
  168.  
  169. function transport() {
  170. var th=document.getElementById('area').innerHTML;
  171. var transport=document.getElementById('transport').value;
  172. var new_text=''+transport+'';
  173. document.getElementById('area').innerHTML=new_text;
  174. }
  175.  
  176.   function suma() {
  177. suma = (document.getElementById('summary').value-0)
  178. }
  179.  
  180. function suma1() {
  181. suma = (document.getElementById('summary').value-0) + (document.getElementById('pg').value-0) + (document.getElementById('area').value-0)}
  182.  
  183.  
  184. // ]]></script>
  185.  
  186. </head>
[HTML] pobierz, plaintext
kt
28.05.2014, 19:09:29
http://jsfiddle.net/59wWC/
kt
29.05.2014, 15:24:54
nikt nie jest wstanie pomóc, naprowadzić questionmark.gif
Damonsson
29.05.2014, 15:58:33
Cytat
Chciałbym uzyskać efekt taki że dla towaru 1,4,7 nie ma dodatkowych opłat, natomiast w pozostałych przypadkach doliczany jest dodatkowy koszt.
http://jsfiddle.net/59wWC/2/

Cytat
Nie potrafię sobie również poradzić z uzyskaniem sumy poszczególnych komórek.
Nie rozumiem
kt
29.05.2014, 17:21:39
Dziękuję bardzo, Co do sumy to miałem na myśli: koszty razem = razem towar + dodatkowe koszty + koszt transportu
zrobiłem to tak ale to nie działa, w jaki sposób zsumować te komórki questionmark.gif

[HTML] pobierz, plaintext 
  1. function suma1() {
  2. suma = (document.getElementById('summary').value-0) + (document.getElementById('pg').value-0) + (document.getElementById('area').value-0)}
[HTML] pobierz, plaintext
Damonsson
29.05.2014, 20:35:09 
[JAVASCRIPT] pobierz, plaintext 
  1. suma = (parseFloat($('#summary').text()) + parseFloat($('#pg').text())) 
[JAVASCRIPT] pobierz, plaintext

itd.

Pomyśl nad używanie jQuery jak Ci tu podałem, znacznie ułatwia pisanie.
kt
29.05.2014, 23:33:01
nie wiem za bardzo jak przypisać wynik funkcji suma1 do wyświetlenia w komórce koszty

http://jsfiddle.net/59wWC/3/
Damonsson
29.05.2014, 23:52:44
http://jsfiddle.net/59wWC/6/

Nie rób miliona funkcji w funkcji, bo i tak nic z tego nie rozumiesz, a tak jeszcze bardziej mącisz, usunąłem Ci tamtą funkcję suma1 i po prostu wkleiłem 

[JAVASCRIPT] pobierz, plaintext 
  1. $('#koszty').text(parseFloat($('#summary').text()) + parseFloat($('#pg').text())+ parseFloat($('#area').text()));
[JAVASCRIPT] pobierz, plaintext


Musisz jeszcze sobie transport zrobić, bo nie działa, ale to już zabawa dla Ciebie, wszystkiego nie zrobię.
kt
30.05.2014, 07:37:59
Prawie wszystko działa, problem jeszcze jest w tym że jak ktoś wybierze 1 produkt potem wybierze transport to nie sumuje tego, sumuje w momencie wybierania kolejnego produktu. W jaki sposób sprawić żeby koszt transportu od razu dodawany do komórki Koszty razem. Nawet wtedy jak wybierze się sam koszt transportu to w komórce koszty razem będzie to już widoczne questionmark.gif

http://jsfiddle.net/59wWC/7/
Damonsson
30.05.2014, 19:30:48
Zrobiłem to tak na brzydko, nie powinno tak być, ale cały skrypt nie jest jakoś super poprawnie napisany, więc dla Ciebie myślę, najważniejsze żeby działał:

http://jsfiddle.net/59wWC/10/

Na końcu zmieniłem tylko, powtarzając to co masz wyżej:

[JAVASCRIPT] pobierz, plaintext 
  1. document.getElementById('transport').onchange=function transport() {
  2. var transport=this.value;
  3. var new_text=transport;
  4. document.getElementById('area').innerHTML=new_text;
  5. $('#koszty').text((parseFloat($('#summary').text()) + parseFloat($('#pg').text())+ parseFloat($('#area').text())).toFixed(2));
  6.     }
[JAVASCRIPT] pobierz, plaintext
kt
31.05.2014, 00:18:58
Wielkie dzięki za pomoc, masz rację najważniejsze że działa zgodnie z oczekiwaniami. Jeszcze raz dziękuję.
kt
1.06.2014, 19:51:30
Czy mogę jeszcze liczyć na pomoc questionmark.gif dodałem button do resetowana zawartości formularza. W jaki sposób wyczyścić pozostałe pola w tabeli questionmark.gif czyli kolumnę cana, oraz wartość w zł.

http://jsfiddle.net/59wWC/11/
Turson
1.06.2014, 19:58:12
Opakuj interesujące cię komórki w jakąś klasę, np. .cena i potem czyść wszystkie komórki po resecie
kt
1.06.2014, 20:32:24
dodałem klasy do komórek, jak sprawić żeby reset je wyczyścił questionmark.gif

http://jsfiddle.net/59wWC/12/
Turson
1.06.2014, 20:46:18 
[JAVASCRIPT] pobierz, plaintext 
  1. $('#configreset').click(function(){
  2.             $('#11')[0].reset();
  3.             $('.cena').text(0);
  4.  });
[JAVASCRIPT] pobierz, plaintext
kt
1.06.2014, 21:04:36
dziękuję bardzo za pomoc
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.