Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php] [html] [js] Zliczanie checkboxów i wysyłka na email
Forum PHP.pl > Forum > Przedszkole
ant00n
6.12.2011, 13:47:07
Witam.
Od jakiegoś czasu siedzę nad takim tematem:
- na stronie są checkboxy do wyboru
- chcę mieć możliwość sprawdzenia ile checkboxów zaznaczyłem za pomocą przycisku lub aby ilość wybranych checkboxów wyświetlała się w czasie rzeczywistym gdzieś na stronie
- pole do wpisania dodatkowego komentarza
- i to wszystko żeby się wysyłało na maila bez udziału programu pocztowego

I szczerze powiem utknąłem. Albo ładnie zlicza i pokazuje ale wysyła tylko ostatni zaznaczony checkbox albo wysyła wszystko ładnie ale nie można sprawdzić ile zaznaczyłem checkboxów.

Coś tak to wygląda:
http://fotobracia.pl/wybierajka2.html

A oto kod, który do tej pory udało mi się skleić:

[HTML] pobierz, plaintext 
  1. <?php
  2. if (count($_POST))
  3. {
  4. 	////////// USTAWIENIA //////////
  5. 	$email = 'info@fotobracia.pl';	// Adres e-mail adresata
  6. 	$subject = 'temat';	// Temat listu
  7. 	$message = 'Dziękujemy za wysłanie formularza';	// Komunikat
  8. 	$error = 'Wystąpił błąd podczas wysyłania formularza';	// Komunikat błędu
  9. 	$charset = 'iso-8859-2';	// Strona kodowa
  10. 	//////////////////////////////
  11.  
  12. 	$head =
  13. 		"MIME-Version: 1.0\r\n" .
  14. 		"Content-Type: text/plain; charset=$charset\r\n" .
  15. 		"Content-Transfer-Encoding: 8bit";
  16. 	$body = '';
  17. 	foreach ($_POST as $name => $value)
  18. 	{
  19. 		if (is_array($value))
  20. 		{
  21. 			for ($i = 0; $i < count($value); $i++)
  22. 			{
  23. 				$body .= "$name=" . (get_magic_quotes_gpc() ? stripslashes($value[$i]) : $value[$i]) . "\r\n";
  24. 			}
  25. 		}
  26. 		else $body .= "$name=" . (get_magic_quotes_gpc() ? stripslashes($value) : $value) . "\r\n";
  27. 	}
  28. 	echo mail($email, "=?$charset?B?" . base64_encode($subject) . "?=", $body, $head) ? $message : $error;
  29. }
  30. else
  31. {
  32. ?>
  33. <form action="?" method="post">
  34.  
  35. <div>
  36. <!-- Pole typu RADIO -->
  37. <!-- Pole typu CHECKBOX -->
  38. <br>
  39. <div id="img_area"><!--BEGIN img_area-->
  40. <hr/>
  41. <br>
  42. 	<div id="text_field"><!--BEGIN text_field-->
  43. 	<input type="checkbox" name="Foto" value="Zdjęcie 1" style="float:left; margin-left:0px;"/><h1>Zdjęcie 01</h1>
  44. 	</div>
  45. 	<div id="img_field"><!--BEGIN img_field-->
  46.  
  47. 	</div>
  48. </div>
  49.  
  50. <div id="img_area"><!--BEGIN img_area-->
  51. <hr/>
  52. <br>
  53. 	<div id="text_field"><!--BEGIN text_field-->
  54. 	<input type="checkbox" name="Foto" value="Zdjęcie 2" style="float:left; margin-left:0px;"/><h1>Zdjęcie 02</h1>
  55. 	</div>
  56. 	<div id="img_field"><!--BEGIN img_field-->
  57.  
  58. 	</div>
  59. </div>
  60.  
  61. <div id="img_area"><!--BEGIN img_area-->
  62. <hr/>
  63. <br>
  64. 	<div id="text_field"><!--BEGIN text_field-->
  65. 	<input type="checkbox" name="Foto" value="Zdjęcie 3" style="float:left; margin-left:0px;"/><h1>Zdjęcie 03</h1>
  66. 	</div>
  67. 	<div id="img_field"><!--BEGIN img_field-->
  68.  
  69. 	</div>
  70. </div>
  71.  
  72. <div id="img_area"><!--BEGIN img_area-->
  73. <hr/>
  74. <br>
  75. 	<div id="text_field"><!--BEGIN text_field-->
  76. 	<input type="checkbox" name="Foto" value="Zdjęcie 4" style="float:left; margin-left:0px;"/><h1>Zdjęcie 04</h1>
  77. 	</div>
  78. 	<div id="img_field"><!--BEGIN img_field-->
  79.  
  80. 	</div>
  81. </div>
  82.  
  83. <div id="img_area"><!--BEGIN img_area-->
  84. <hr/>
  85. <br>
  86. 	<div id="text_field"><!--BEGIN text_field-->
  87. 	<input type="checkbox" name="Foto" value="Zdjęcie 5" style="float:left; margin-left:0px;"/><h1>Zdjęcie 05</h1>
  88. 	</div>
  89. 	<div id="img_field"><!--BEGIN img_field-->
  90.  
  91. 	</div>
  92. </div>
  93.  
  94. <div id="img_area"><!--BEGIN img_area-->
  95. <hr/>
  96. <br>
  97. 	<div id="text_field"><!--BEGIN text_field-->
  98. 	<input type="checkbox" name="Foto" value="Zdjęcie 6" style="float:left; margin-left:0px;"/><h1>Zdjęcie 06</h1>
  99. 	</div>
  100. 	<div id="img_field"><!--BEGIN img_field-->
  101.  
  102. 	</div>
  103. </div>
  104.  
  105.  
  106.  
  107.  
  108. 					<script type="text/javascript">
  109. 					   function sprawdz() {
  110. 						var ileZaznaczonych = 0;
  111. 						var forma = this.form;
  112. 						var obiektyCheck = forma.Foto;
  113. 						for (x=0; x<obiektyCheck.length; x++) {
  114. 						 if (obiektyCheck[x].checked) ileZaznaczonych++
  115. 						}
  116. 					   alert('Liczba wybranych zdjęć (w pakiecie 40 szt.): ' +ileZaznaczonych+ '  ');
  117. 					   }
  118.  
  119. 					document.getElementById('spr').onclick = sprawdz;
  120. 					</script> 
  121. 		<div id="img_area"><!--BEGIN img_area-->
  122. 		<!-- Pole komentarza (o powiększonych rozmiarach oraz z tekstem domyślnym) -->
  123. 		<p><h1>Podaj swój komentarz:</h1></p>
  124. 		<textarea name="Komentarz" cols="50" rows="10" style="float:left; margin-left:10px;"></textarea>
  125. 		<br /><br /><br />
  126. 					<div>
  127. 					<input type="button" value="Sprawdź ile zdjęć wybrałeś" id="spr" />
  128. 					</div>
  129.  
  130. 		<!-- Przycisk WYŚLIJ -->
  131. 		<input type="submit" value="Wyślij formularz" />
  132. 		<!-- Przycisk WYCZYŚĆ DANE -->
  133. 		<input type="reset" value="Wyczyść dane" />
  134. 		</div>
  135. </div>
  136.  
  137. </form>
  138. <?php
  139. }
  140. ?>
[HTML] pobierz, plaintext


Proszę o pomoc
-ant00n-
6.12.2011, 22:14:01
Nikt nie pomoże?
Niktoś
6.12.2011, 22:36:28
Może spróbuj zamiast
var obiektyCheck = forma.Foto; -czym jest forma?
dać
var obiektyCheck =document.getElementsByName("Foto");

I zastanawia mnie co w ogóle daje Tobie

if (count($_POST))

{
?
ant00n
11.12.2011, 22:55:52
To może inaczej. Jak wysłać coś takiego na e-mail bez udziału programu pocztowego.
Pozdrawiam

[HTML] pobierz, plaintext 
  1. <form method="post" name=test>
  2. <script language="Javascript1.3">
  3. function licz(form) {
  4. var zaznaczone = 0;
  5. var limit = 999;
  6. var max = form.ckbox.length;
  7. for (var idx = 0; idx < max; idx++) {
  8. if (eval("document.test.ckbox[" + idx + "].checked") == true) {
  9. zaznaczone += 1;
  10. }
  11. }
  12. document.getElementById("check").value=zaznaczone + "/" + max;
  13. }
  14. zaznaczone=0; //jeśli jakieś checkboxy są domyślnie zaznaczone, to tu wpisać ich liczbę 
  15. max=999;
  16. function sprawdz(ktory) {
  17. if(!ktory.checked) zaznaczone--; else if(zaznaczone==max) {ktory.checked=0; alert('[komunikat...]');} else zaznaczone++;
  18. }
  19. </script>
  20. 1<input type="checkbox" name="ckbox" value="1" onclick="licz(this.form);sprawdz(this)" /> checkbox 1<BR />
  21. 2<input type="checkbox" name="ckbox" value="2" onclick="licz(this.form);sprawdz(this)" /> checkbox 2<BR />
  22. 3<input type="checkbox" name="ckbox" value="3" onclick="licz(this.form);sprawdz(this)" /> checkbox 3<BR />
  23. 4<input type="checkbox" name="ckbox" value="4" onclick="licz(this.form);sprawdz(this)" /> checkbox 4<BR />
  24. 5<input type="checkbox" name="ckbox" value="5" onclick="licz(this.form);sprawdz(this)" /> checkbox 5<BR />
  25. 6<input type="checkbox" name="ckbox" value="6" onclick="licz(this.form);sprawdz(this)" /> checkbox 6<BR />
  26. 7<input type="checkbox" name="ckbox" value="7" onclick="licz(this.form);sprawdz(this)" /> checkbox 7<BR />
  27. <input type="button" onclick="licz(this.form)" value=" Sprawdź ilość wybranych zdjęć " />
  28. <input type="reset" value="Czyść wybór" />
  29. <br><br>Zaznaczono :
  30. <input id="check" type="text" size="4"><br><br>
  31.  
  32. <p><h1>Podaj swój komentarz:</h1></p>
  33. <textarea name="Komentarz" cols="100" rows="1" style="float:left; margin-left:10px;"></textarea>
  34. <br><br>
  35. <input type="submit" value="Wyślij formularz" />
  36. </form>
[HTML] pobierz, plaintext
wNogachSpisz
11.12.2011, 23:22:50
Cytat(ant00n @ 11.12.2011, 22:55:52 ) *
Jak wysłać coś takiego na e-mail bez udziału programu pocztowego.

A co masz na myśli pisząc "program pocztowy".

Celem dostarczenia email, trzeba pogadać z serwerem MX:
http://en.wikipedia.org/wiki/MX_record

Prościej założyć darmową skrzynkę i łączyć się z jej serwerem SMTP.
-ant00n-
12.12.2011, 08:17:09
Chodzi mi o to aby zawartość tego formularza wysłać na ustalony adres email i żeby skrypt robił to sam bez uruchamiania zewnętrznego programu pocztowego.
Pozdrawiam
-ant00n-
12.12.2011, 21:18:27
OK. Trzymajmy się jednego:
Mam kawałek skryptu który działa i zlicza zaznaczone checkboxy (o to mi chodzi). Nie znam się na PHP a chcę aby zaznaczone checkboxy oraz treść komentarza została wysłana do mnie na email bez udziału programu pocztowego. Trzeba to zrobić na PHP - wiem ale jest to mi zupełnie obce.

Poniżej działający kawałek kodu: http://www.fotobracia.pl/wybierajka9.html

[HTML] pobierz, plaintext 
  1. <form method="post" name=test>
  2. <script language="Javascript1.3">
  3. function licz(form) {
  4. var zaznaczone = 0;
  5. var limit = 999;
  6. var max = form.ckbox.length;
  7. for (var idx = 0; idx < max; idx++) {
  8. if (eval("document.test.ckbox[" + idx + "].checked") == true) {
  9. zaznaczone += 1;
  10. }
  11. }
  12. document.getElementById("check").value=zaznaczone + "/" + max;
  13. }
  14. zaznaczone=0; //jeśli jakieś checkboxy są domyślnie zaznaczone, to tu wpisać ich liczbę 
  15. max=999;
  16. function sprawdz(ktory) {
  17. if(!ktory.checked) zaznaczone--; else if(zaznaczone==max) {ktory.checked=0; alert('[komunikat...]');} else zaznaczone++;
  18. }
  19. </script>
  20. 1<input type="checkbox" name="ckbox" value="1" onclick="licz(this.form);sprawdz(this)" /> checkbox 1<BR />
  21. 2<input type="checkbox" name="ckbox" value="2" onclick="licz(this.form);sprawdz(this)" /> checkbox 2<BR />
  22. 3<input type="checkbox" name="ckbox" value="3" onclick="licz(this.form);sprawdz(this)" /> checkbox 3<BR />
  23. 4<input type="checkbox" name="ckbox" value="4" onclick="licz(this.form);sprawdz(this)" /> checkbox 4<BR />
  24. 5<input type="checkbox" name="ckbox" value="5" onclick="licz(this.form);sprawdz(this)" /> checkbox 5<BR />
  25. 6<input type="checkbox" name="ckbox" value="6" onclick="licz(this.form);sprawdz(this)" /> checkbox 6<BR />
  26. 7<input type="checkbox" name="ckbox" value="7" onclick="licz(this.form);sprawdz(this)" /> checkbox 7<BR />
  27. <input type="button" onclick="licz(this.form)" value=" Sprawdź ilość wybranych zdjęć " />
  28. <input type="reset" value="Czyść wybór" />
  29. <br><br>Zaznaczono :
  30. <input id="check" type="text" size="4"><br><br>
  31.  
  32. <p><h1>Podaj swój komentarz:</h1></p>
  33. <textarea name="Komentarz" cols="100" rows="1" style="float:left; margin-left:10px;"></textarea>
  34. <br><br>
  35.  
  36. </form>
[HTML] pobierz, plaintext


BARDZO PROSZĘ O POMOC exclamation.gif!
ant00n
14.12.2011, 14:47:27
Zrobiłem (znaczy KOLEGA pomogli) i już mi działa smile.gif)))))))
Teraz problem jest następujący:
Działa pod wszystkimi przeglądarkami oprócz IE. Problem polega na tym że pod IE nie pokazuje ile checkboxów wybrałem. Wysyła na e-mail wszędzie spoko.

Proszę o pomoc............
Kod html:

[HTML] pobierz, plaintext 
  1. <script language="Javascript1.3">
  2. function licz() {
  3. 	var zaznaczone = 0;
  4. 	var limit = 999;
  5. 	forma = document.getElementById("forma");
  6. 	elementy = forma.elements['foto[]'];
  7. 	var max = elementy.length;
  8. 	for (var idx = 0; idx < max; idx++) {
  9. 		if (eval(elementy[idx].checked) == true) {
  10. 			zaznaczone += 1;
  11. 		}
  12. 	}
  13. 	document.getElementById("check").value=zaznaczone + "/" + max;
  14. }
  15. zaznaczone=0; //jeśli jakieś checkboxy są domyślnie zaznaczone, to tu wpisać ich liczbę 
  16. max=999;
  17.  
  18. function sprawdz(ktory) {
  19. 	if(!ktory.checked) zaznaczone--; else if(zaznaczone==max) {ktory.checked=0; alert('[komunikat...]');} else zaznaczone++;
  20. }
  21. </script>
  22.  
  23. <form id="forma" name="forma" action="fotoprint.php" method="post">
  24.  
  25. <div>
  26. <br>
  27. <div id="img_area"><!--BEGIN img_area-->
  28. <hr/>
  29. <br>
  30. 	<div id="text_field"><!--BEGIN text_field-->
  31. 	<input type="checkbox" name="foto[]" value="1" onclick="licz();sprawdz(this)" style="float:left; margin-left:0px;"/><h1>Zdjęcie 01</h1>
  32. 	</div>
  33. 	</div>
  34.  
  35. <div id="img_area"><!--BEGIN img_area-->
  36. <hr/>
  37. <br>
  38. 	<div id="text_field"><!--BEGIN text_field-->
  39. 	<input type="checkbox" name="foto[]" value="2" onclick="licz();sprawdz(this)" style="float:left; margin-left:0px;"/><h1>Zdjęcie 02</h1>
  40. 	</div>
  41. 	</div>
  42.  
  43. <div id="img_area"><!--BEGIN img_area-->
  44. <hr/>
  45. <br>
  46. 	<div id="text_field"><!--BEGIN text_field-->
  47. 	<input type="checkbox" name="foto[]" value="3" onclick="licz();sprawdz(this)" style="float:left; margin-left:0px;"/><h1>Zdjęcie 03</h1>
  48. 	</div>
  49. 	</div>
  50.  
  51.  
  52.  
  53.  
  54. 		<div id="img_area"><!--BEGIN img_area-->
  55.  
  56. 		<input type="button" onclick="licz(this.form)" value=" Sprawdź ilość wybranych zdjęć " />
  57.  
  58. 		<font color="#219ff7"><strong>Zaznaczono:</strong></font>
  59. 		<input id="check" type="text" size="6">
  60. 		<br>
  61. 		<input type="reset" value="Wyczyść dane" />
  62.  
  63.  
  64. 		<br><br>
  65. 		<font color="#219ff7"><strong>Dodaj swój komentarz:</strong></font><br>
  66. 		<textarea name="Komentarz" cols="50" rows="5" style="float:left; margin-left:0px;"></textarea>
  67. 		<br><br><br><br><br>
  68.  
  69. 		<!-- Przycisk WYŚLIJ -->
  70. 		<input type="submit" value="Wyślij formularz" />
  71. 		</div>
  72. </div>
  73.  
  74. </form>
[HTML] pobierz, plaintext


Kod PHP:
[PHP] pobierz, plaintext 
  1. <?php
  2. $headers  = 'MIME-Version: 1.0' . "\r\n";
  3. $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
  4. $imie = $_POST['imie'];
  5. $plec = $_POST['plec'];
  6. $koment=$_POST['Komentarz'];
  7. $rodzaj=$_POST['Rodzaj'];
  8. $format=$_POST['Format'];
  9. $foto = implode(', ', $_POST['foto']);
  10. $to      = 'nazwa@domena.pl';
  11. $subject = 'Zdjęcia do druku';
  12. $message = '|Zdjęcia do druku: '.$foto. ' ' .$plec .'|Imię i nazwisko: '.$imie . ' |Komentarz: ' .$koment .'|'.$rodzaj.'|'.$format.'';
  13. mail($to, $subject, $message, $headers);
  14. echo "<meta HTTP-EQUIV='REFRESH' content='2; url=fotoprint_WORK.html'><center><font color='green'><b>Mail wysłany.</center>";
  15.  
  16. ?>
[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.