Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][Jquery] Dynamiczny formularz zamówienia - problem z wysyłką na maila
Forum PHP.pl > Forum > PHP
forageriss
30.03.2012, 12:09:30
Witam forumowiczów!
Jako że to mój pierwszy temat (i post za razem) z tego miejsca pragnę powitać wszystkich użytkowników forum.
Przechodząc do meritum problemu. Napisałem skrypt formularza zamówienia obuwia (częściowo sam częściowo przerabiając gotowe skrypty i łącząc je w jeden), w którym kolejne linijki do zamówienia par generowane są dynamicznie za pomocą przycisku "+" i w razie potrzeby usuwane (przyciskiem "-"). Utknąłem jednak przy pisaniu systemu wysyłającego całość na maila.
Opis Problemu
Wszystko działa nieźle z tym że jeśli użytkownik zacznie wypełniać formularz doda przykładowo 6 wierszy dla 6 różnych modeli obuwia po czym stwierdzi że rezygnuje z pozycji 3 i 4 to:
Po pierwsze - numeracja porządkowa linijek psuje się i wygląda tak 1 2 5 6 ( z tym akurat mogę żyć
Po drugie - na maila przychodzi mi cos takiego:
1 Nr katalogowy 123 35par
2 Nr katalogowy 1453 35par
3 (Pusty wiersz)
4 (pusty wiersz)
5 Nr katalogowy 123 35par
6 Nr katalogowy 123 35par

Co w przypadku 50 dodanych pozycji może być uciążliwe w odbiorze.
Moje przypuszczenia
Wydaje mi się że problem leży po stronie skryptu php i pętli for która nie pomija pustych rekordów wysłanych za pomocą $_POST lub też numeracji formularza w jquery (numeracja nie zmienia sie wiec pozostaja puste ID które skrypt php próbuje wyciągnąć z tablicy
czego próbowałem
1. Poprawa numeracji pól - fiasco dopisałem do jquery w miejscu :
[PHP] pobierz, plaintext 
  1.   $("#usunOsobe_" + ii).click(function(){
  2.  
  3.                         $("#wiersz_" + ii).remove();
  4.  
  5.                     });
[PHP] pobierz, plaintext

linijke i--; i niby jest ok jezeli ktos usuwa tylko ostatni wiersz a nie któryś ze środka
2. Zapętlenie pętli for pętlą foreach - tutaj zatrzymały mnie umiejętności php :/ po prostu nie umiem tego napisać
3. przerobienie jquery tak żeby minus usuwał tylko ostatnią linijke kodu (patrz ad1) tutaj poległem na funkcji 
[PHP] pobierz, plaintext 
  1. $('#form tbody tr:last').remove();
[PHP] pobierz, plaintext

u mnie po prostu usuwa wszystkie wiersze tabeli z dynamicznym formularzem zamiast ostatniego

Tytułem zakończenia
Wszystkie proponowane przezemnie rozwiazania doprowadzone do wersji działającej oraz rozwiązania zupełnie inne są jak najbardziej akceptowane i rozumiane przeze mnie jako pomoc za którą szumnie dziękować będę smile.gif


Kod formularza:
[HTML] pobierz, plaintext 
  1. </script>
  2.  
  3.         <script type="text/javascript">
  4.  
  5.             $(document).ready(function(){
  6.  
  7.               $(".field").change(function(){
  8.  
  9.     $(this).css("background-color","#fbffa0");
  10.  
  11.   });
  12.  
  13.  
  14.  
  15.                 var i = 2;
  16.  
  17.  
  18.  
  19.                 var szablonWiersza = jQuery.format($("#szablon").val());
  20.  
  21.  
  22.  
  23.                 function dodajWiersz() {
  24.  
  25.                     var ii = i++;
  26.  
  27.                     $(szablonWiersza(ii)).appendTo("#form tbody");
  28.  
  29.  
  30.  
  31. $(".field").change(function(){
  32.  
  33. $(this).css("background-color","#fbffa0");});
  34.  
  35.  
  36.  
  37.                     $("#usunOsobe_" + ii).click(function(){
  38.  
  39.                         $("#wiersz_" + ii).remove();
  40.  
  41.                     });
  42.  
  43.                 }
  44.  
  45.  
  46.  
  47.                 $("#dodajOsobe").click(dodajWiersz);
  48.  
  49.             });
  50.  
  51.         </script>
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.         <!-- Szablon wiersza w tabeli -->
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.         <textarea id="szablon" style="display:none;" cols="1" rows="1">
  67.  
  68.  
  69.  
  70.         <tr id="wiersz_{0}">
  71.  
  72.                         <td width="57">{0}.</td>
  73.  
  74.                         <td width="108">
  75.                         <input type="text" name="id[]" value="{0}" style="display:none;">
  76.  
  77.                   <input id="katalogowy" class="field" type="text" name="katalogowy[{0}]"></td>
  78.  
  79.                         <td width="23">
  80.  
  81. 						<input class="field" size ="3" type="text" name="35[{0}]"></td>
  82.  
  83.                         <td width="23">
  84.  
  85. 						<input class="field" size ="3" type="text" name="36[{0}]"></td>
  86.  
  87.                         <td width="23">
  88.  
  89. 						<input class="field" size ="3" type="text" name="37[{0}]"></td>
  90.  
  91.                         <td width="23">
  92.  
  93. 						<input class="field" size ="3" type="text" name="38[{0}]"></td>
  94.  
  95.                         <td width="23">
  96.  
  97. 						<input class="field" size ="3" type="text" name="39[{0}]"></td>
  98.  
  99.                         <td width="23">
  100.  
  101. 						<input class="field" size ="3" type="text" name="40[{0}]"></td>
  102.  
  103.                         <td width="23">
  104.  
  105. 						<input class="field" size ="3" type="text" name="41[{0}]"></td>
  106.  
  107.                         <td width="23">
  108.  
  109. 						<input class="field" size ="3" type="text" name="42[{0}]"></td>
  110.  
  111.                         <td width="23">
  112.  
  113. 						<input class="field" size ="3" type="text" name="43[{0}]"></td>
  114.  
  115.                         <td width="23">
  116.  
  117.                   <input class="field" size ="3" type="text" name="44[{0}]"></td>
  118.  
  119.                         <td width="23">
  120.  
  121. 						<input class="field" size ="3" type="text" name="45[{0}]"></td>
  122.  
  123.                         <td width="23">
  124.  
  125. 						<input class="field" size ="3" type="text" name="46[{0}]"></td>
  126.  
  127.                         <td width="18"><a href="#" id="usunOsobe_{0}" alt="usun">-</a></td>
  128.  
  129.                     </tr>
  130.  
  131.  
  132.  
  133.         </textarea>
  134.         <div id="form_container">
  135.  
  136.  
  137.  
  138.         <!-- Właœciwa tabela -->
  139.  
  140.         <table id="header" border="0" width="800px" cellspacing="0" cellpadding="0">
  141.         <thead>
  142.  
  143. 	<tr>
  144.  
  145. 		<td>
  146.  
  147. 		FORMULARZ ZAMÓWIENIA</td>
  148.  
  149. 	</tr>
  150.  
  151. 	<tr>
  152.  
  153. 		<td>
  154.  
  155. 		Proszę wpisać numer katalogowy oraz liczbę zamawianych par</td>
  156.  
  157. 	</tr>
  158. 	</thead>
  159.  
  160. </table>
  161.  
  162.  
  163.  
  164.         <form action="parser.php" method="post" id="order_form">
  165.  
  166.             <table id="form" border="0" width="800px">
  167.  
  168.                 <thead>
  169.  
  170.  
  171.                     <tr>
  172.  
  173.                         <th width="57">Lp</th>
  174.  
  175.                         <th width="108">Nr Katalogowy</th>
  176.  
  177.                         <th width="23">35</th>
  178.  
  179.                         <th width="23">36</th>
  180.  
  181.                         <th width="23">37</th>
  182.  
  183.                         <th width="23">38</th>
  184.  
  185.                         <th width="23">39</th>
  186.  
  187.                         <th width="23">40</th>
  188.  
  189.                         <th width="23">41</th>
  190.  
  191.                         <th width="23">42</th>
  192.  
  193.                         <th width="23">43</th>
  194.  
  195.                         <th width="23">44</th>
  196.  
  197.                         <th width="23">45</th>
  198.  
  199.                         <th width="23">46</th>
  200.  
  201.                         <th width="18">+/-</th>
  202.  
  203.                     </tr>
  204.  
  205.                 </thead>
  206.  
  207.                 <tfoot>
  208.  
  209.                     <tr>
  210.  
  211.                         <th colspan="15">
  212.  
  213.  
  214.  
  215.                         </th>
  216.  
  217.                     </tr>
  218.  
  219.                 </tfoot>
  220.  
  221.                 <tbody>
  222.  
  223.                     <tr>
  224.  
  225.                         <td width="57">1.</td>
  226.  
  227.                         <td width="108">
  228.                         <input type="text" name="id[]" value="1" style="display:none;">
  229.  
  230.                   <input "katalogowy" class="field" type="text" name="katalogowy[1]"></td>
  231.  
  232.                         <td width="23">
  233.  
  234. 						<input class="field" size ="3" type="text" name="35[1]"></td>
  235.  
  236.                         <td width="23">
  237.  
  238. 						<input class="field" size ="3" type="text" name="36[1]"></td>
  239.  
  240.                         <td width="23">
  241.  
  242. 						<input class="field" size ="3" type="text" name="37[1]"></td>
  243.  
  244.                         <td width="23">
  245.  
  246. 						<input class="field" size ="3" type="text" name="38[1]"></td>
  247.  
  248.                         <td width="23">
  249.  
  250. 						<input class="field" size ="3" type="text" name="39[1]"></td>
  251.  
  252.                         <td width="23">
  253.  
  254. 						<input class="field" size ="3" type="text" name="40[1]"></td>
  255.  
  256.                         <td width="23">
  257.  
  258. 						<input class="field" size ="3" type="text" name="41[1]"></td>
  259.  
  260.                         <td width="23">
  261.  
  262. 						<input class="field" size ="3" type="text" name="42[1]"></td>
  263.  
  264.                         <td width="23">
  265.  
  266. 						<input class="field" size ="3" type="text" name="43[1]"></td>
  267.  
  268.                         <td width="23">
  269.  
  270.                   <input class="field" size ="3" type="text" name="44[1]"></td>
  271.  
  272.                         <td width="23">
  273.  
  274. 						<input class="field" size ="3" type="text" name="45[1]"></td>
  275.  
  276.                         <td width="23">
  277.  
  278. 						<input class="field" size ="3" type="text" name="46[1]"></td>
  279.  
  280.                         <td width="18"><a href="#" id="dodajOsobe" alt="dodaj">+</a></td>
  281.  
  282.                     </tr>
  283.  
  284.                 </tbody>
  285.  
  286.             </table>
[HTML] pobierz, plaintext


kod pliku parser.php (wysylka na maila)
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $osoby = array();
  4. $zamowienie['katalogowe'] = $_POST['katalogowy'];
  5. $zamowienie['35'] = $_POST['35'];
  6. $zamowienie['36'] = $_POST['36'];
  7. $zamowienie['37'] = $_POST['37'];
  8. $zamowienie['38'] = $_POST['38'];
  9. $zamowienie['39'] = $_POST['39'];
  10. $zamowienie['40'] = $_POST['40'];
  11. $zamowienie['41'] = $_POST['41'];
  12. $zamowienie['42'] = $_POST['42'];
  13. $zamowienie['43'] = $_POST['43'];
  14. $zamowienie['44'] = $_POST['44'];
  15. $zamowienie['45'] = $_POST['45'];
  16. $zamowienie['46'] = $_POST['46'];
  17. $zamowienie['id'] = $_POST['id'];
  18. $id = max($zamowienie['id']);
  19.  
  20.  
  21. $do = "mojmail@gmail.com";
  22. $email = "mojmail@gmail.com";
  23. $y ="";	
  24. for( $x = 1; $x <= $id; $x++ ) { $txt .=   $y . '<tr><td>' . $x . '</td><td>' . $zamowienie['katalogowe'][$x] . '</td><td>' . $zamowienie['35'][$x] . '</td><td>' . $zamowienie['36'][$x] . '</td><td>' . $zamowienie['37'][$x] . '</td><td>' . $zamowienie['38'][$x] . '</td><td>' . $zamowienie['39'][$x] . '</td><td>' . $zamowienie['40'][$x] . '</td><td>' . $zamowienie['41'][$x] . '</td><td>' . $zamowienie['42'][$x] . '</td><td>' . $zamowienie['43'][$x] . '</td><td>' . $zamowienie['44'][$x] . '</td><td>' . $zamowienie['45'][$x] . '</td><td>' . $zamowienie['46'][$x] . '</td></tr>'; }
  25. $temat="Nowe zamowienie Pioko.pl";
  26. $header = "MIME-Versio: 1.0r\n"."Content-type: text/html; charset=UTF-8r\n";
  27. $header .= "From: noreply@asd.pl\n";
  28. $header .= "Cc: $emailr\n";
  29. $header .= "Bcc: $emailr\n";
  30. $body    = '<html>
  31. 				<body>
  32. <table border="1" width="500">
  33. 	<tr>
  34. 		<td width="18">LP</td>
  35. 		<td width="95">Nr Katalogowy</td>
  36. 		<td>35</td>
  37. 		<td>36</td>
  38. 		<td>37</td>
  39. 		<td>38</td>
  40. 		<td>39</td>
  41. 		<td>40</td>
  42. 		<td>41</td>
  43. 		<td>42</td>
  44. 		<td>43</td>
  45. 		<td>44</td>
  46. 		<td>45</td>
  47. 		<td>46</td>
  48. 	</tr>
  49. 	'	. $txt . '	
  50. </table>
  51. 				</body>
  52. 				</html>';
  53.  
  54. mail($do, $temat, $body, $header);
  55. ?>
[PHP] pobierz, plaintext


Calosc mozna zobaczyc pod adresem http://scyller9.webd.pl/pantofle/form.html jesli ktos nie boi sie paskudnego cssa smile.gif
vonski
30.03.2012, 13:05:53
Jest dokładnie tak jak mówisz, czyli w pętli w ogóle nie sprawdzasz czy dany element istnieje w tablicy czy nie. Jak dodam np. 10 wierszy, a potem usunę pierwsze 9 to i tak ID ostatniego będzie równe 10, a co za tym idzie:

[PHP] pobierz, plaintext 
  1. $id = max($zamowienie['id']); // tutaj będzie miał $id = 10
  2.  
  3. // ...
  4.  
  5. for( $x = 1; $x <= $id; $x++ ) {
[PHP] pobierz, plaintext


ten for wykona się 10 razy i za każdym razem będzie tworzył nowy wiersz tabeli. Możesz dać warunek np.

[PHP] pobierz, plaintext 
  1. if(!empty($_POST['id'][$x])) {
  2.     // i tutaj pętla for
  3. }
[PHP] pobierz, plaintext


to powinno rozwiązać problem pustych wierszy w treści maila.
forageriss
30.03.2012, 16:46:54
Ślicznie Ci dziękuję za pomoc ! Wiedziałem że dzwonią ale nie wiedziałem w którym kościele smile.gif Dla osób o podobnym problemie gotowe rozwiązanie poniżej:

[PHP] pobierz, plaintext 
  1. for( $x = 1; $x <= $id; $x++ ) { if(!empty($_POST['katalogowy'][$x])) { $txt .=   $y . '<tr><td>' . $x . '</td><td>' . $zamowienie['katalogowe'][$x] . '</td><td>' . $zamowienie['35'][$x] . '</td><td>' . $zamowienie['36'][$x] . '</td><td>' . $zamowienie['37'][$x] . '</td><td>' . $zamowienie['38'][$x] . '</td><td>' . $zamowienie['39'][$x] . '</td><td>' . $zamowienie['40'][$x] . '</td><td>' . $zamowienie['41'][$x] . '</td><td>' . $zamowienie['42'][$x] . '</td><td>' . $zamowienie['43'][$x] . '</td><td>' . $zamowienie['44'][$x] . '</td><td>' . $zamowienie['45'][$x] . '</td><td>' . $zamowienie['46'][$x] . '</td></tr>'; }
  2. 		}
[PHP] pobierz, plaintext
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.