Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Użycie "confirm" w pętli "for"
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
lena
10.12.2013, 14:45:37
Witam,
bardzo proszę o pomoc, bo już wyczerpały mi się pomysły jak rozwiązać mój problem.
W pętli for tworzę formularze (wybór daty i godziny wizyty u lekarza pobrane z bazy danych) i po kliknięciu "Umów" chcę, aby wyskoczył confirm z informacją "Próbujesz się umówić na wizytę $dnia o $godzinie. Czy jesteś pewien tak nie"
I działa "prawie" poprawnie... Za każdym razem pobiera tylko dane z pierwszego obrotu pętli... 

[PHP] pobierz, plaintext 
  1. ...
  2. for ($i = 0; $i < mysql_num_rows($query_select_one_hour); $i++){
  3. 						echo "<tr class='wiersze'>";
  4. 						echo "<form method='post' action='pacjent.php' id='$potwierdzenie'>";
  5. 							$one_day=mysql_result($query_select_one_hour, $i, 0);
  6. 							$one_hour=mysql_result($query_select_one_hour, $i, 1);
  7. 						echo "<td class='kolumny'><input name='dzien_wyb' value='$one_day'></td>";
  8. 						echo "<td class='kolumny'><input name='godzina_wyb' id='godzina' value='$one_hour'></td>";
  9. 						echo "<td class='kolumny'><input type='submit' value='Umów się na wizytę' class='confirm'></td>";
  10. 						echo "</form></tr>";
  11.  
  12. 					}	
  13.  
[PHP] pobierz, plaintext


a JS wygląda tak: 

[PHP] pobierz, plaintext 
  1. $(document).ready(function(){
  2. 	$(".confirm").click(function(){
  3.                 var $form = $(this);
  4. 		$("#confirm") 
  5.  
  6. 		.css({opacity:0.95})
  7. 		.fadeIn()
  8. 		.html('<div><div><h1>Wizyta na którą próbujesz się umówić '+$('input#godzina').val()+'</b><br></h1><p><button onClick=$("#potwierdzenie").submit()>                        TAK </button> <button> NIE </button></p></div></div>');
  9. 		return false;
  10. 	});
  11.  
  12. 	$("#confirm").click(function(){$(this).fadeOut();});
  13. });
[PHP] pobierz, plaintext


Jakieś pomysły?
vermis
10.12.2013, 14:54:03
Tu używasz $potwierdzenie - czyli zmiennej.
[PHP] pobierz, plaintext 
  1. 	echo "<form method='post' action='pacjent.php' id='$potwierdzenie'>";
[PHP] pobierz, plaintext

Natomiast odwołujesz się zawsze do elementu o id "potwierdzenie"
Kod
onClick=$("#potwierdzenie")


I jeszcze jedno widzę, że id="godzina" powtarza się tyle razy ile masz iteracji. Id musi być unikatowe w obrębie dokumentu. Inaczej odwołanie następuje do pierwszego znalezionego elementu.
lena
10.12.2013, 15:35:25
Najlepiej dodać wartość 'i' do każdego id='godzina' ? a później w JS też jest potrzebna pętla?
nie bardzo wiem jak się za to zabrać bo już próbowałam podobnie i nie działało...
phpion
10.12.2013, 15:52:25
W 1 dokumencie może być tylko 1 element o danym id. U Ciebie będzie ich kilka (bo w pętli tworzysz kilka takich elementów). Do tego masz błędny kod HTML. Po <tr> powinen pojawić się <td>, a nie <form>. Jak to poprawić? Powalcz, możesz zrobić 1 formularz = 1 tabelka, albo cały formularz upakować do 1 komórki <td>. Do osiągnięcia celu przyadtne będą:
- $(this).closest('form') - do dobrania się do "najbliższego" formularza, czyli tego zawierającego przycisk, w który klikasz,
- $('input#godzina', formularz).val() - do pobrania pola w obrębie konkretnego formularza, a nie z całego dokumentu (gdzie formularz to element z poprzedniego punktu).
lena
11.12.2013, 12:32:33
Pomogło, dziękuję smile.gif Dla każdego formularza z pętli pobiera odpowiednie dane z wiersza.
[PHP] pobierz, plaintext 
  1.  
  2. 					$sql = "...";
  3. 					$query_select_one_hour = mysql_query($sql); 
  4. 					for ($i = 0; $i < mysql_num_rows($query_select_one_hour); $i++){
  5. 						echo "<form method='post' action='pacjent.php' id='potwierdzenie'>";
  6. 							$one_day=mysql_result($query_select_one_hour, $i, 0);
  7. 							$one_hour=mysql_result($query_select_one_hour, $i, 1);
  8. 						echo "<table class='tabela'><tr class='wiersze'>";
  9. 						echo "<td class='kolumny'><input name='dzien_wyb' readonly='readonly' value='$one_day'></td>";
  10. 						echo "<td class='kolumny'><input name='godzina_wyb' id='godzina' readonly='readonly' value='$one_hour'></td>";
  11. 						echo "<td class='kolumny'><input type='submit' value='Umów się na wizytę' class='confirm'></td>";
  12. 						echo "</tr></table></form>";
  13. 					}			
  14.  
[PHP] pobierz, plaintext

i JS
[PHP] pobierz, plaintext 
  1. $(document).ready(function(){
  2. 	$(".confirm").click(function(){
  3. 		var $formularz=$(this).closest('form');
  4. 		$("#confirm") 
  5. 		.fadeIn()
  6. 		.html('<div><div><h1>Wizyta na którą próbujesz się umówić:<br><b>'+$('input[name=dzien_wyb]',$formularz).val()+' o godzinie:'+$('input[name=godzina_wyb]',$formularz).val()+'</b><br>Czy jesteś pewien?<br></h1><p><button onClick=$("#potwierdzenie").submit()> TAK, umów mnie na wizytę </button> <button> NIE, rezygnuję </button></p></div></div>');
  7. 		return false;
  8. 	});
  9. 	$("#confirm").click(function(){$(this).fadeOut();});
  10. });
[PHP] pobierz, plaintext


Napotkałam jednak ścianę przy próbie przesłania pobranych danych, dokładnie w miejscu 
[PHP] pobierz, plaintext 
  1. <button onClick=$("#potwierdzenie").submit()>
[PHP] pobierz, plaintext

Mogę liczyć na jakieś wskazówki?
lukasz1985
11.12.2013, 13:27:11
Mała sugestia: nie wywołuj HTML'a przez "echo" w PHP bo to wygląda strasznie i jest kompletnie nieprawidłowe dla programów podświetlających składnię.

Nie rób tak:

[PHP] pobierz, plaintext 
  1. <?php echo "<tr><td>Tutaj coś" . $zmienna . "</td></tr>"; ?>
[PHP] pobierz, plaintext


tylko tak:

[PHP] pobierz, plaintext 
  1. <tr><td>Tutaj coś  <?php echo $zmienna; ?> </td></tr>
[PHP] pobierz, plaintext


Tak samo z pętlami, możesz zrobić:

[PHP] pobierz, plaintext 
  1. <?php for($i = 0; $i < $costam ; $i++): ?>
  2.  
  3.     <tr><td><?php echo $i; ?></td></tr>
  4.  
  5. <?php endfor; ?>
  6.  
[PHP] pobierz, plaintext


I o pomoc Ci będzie łatwiej.




Cytat
[HTML] pobierz, plaintext 
  1. <button onClick=$("#potwierdzenie").submit()>
[HTML] pobierz, plaintext

Mogę liczyć na jakieś wskazówki?


Znów masz odwołanie tylko do pierwszego elementu o id "potwierdzenie" ($("#potwierdzenie")). Wskazówki:
Ja to robiłem w ten sposób, że elementowi, który ma przypisane zdarzenie nadawałem id w formie "nazwa_numer", np "formularz_3", "submit_3" a w JSie dzieliłem string id na dwa substringi: "submit" i "3" poprzez metodę split();

Kod wynikowy wyglądał mniej więcej tak:

[PHP] pobierz, plaintext 
  1.     <?php for ($i = 0; $i < 10; $i++): ?>
  2.             <form id="formularz_<?php echo $i ?>" action="wyslane.php" method="POST">
  3.                 <div  class="submit" id="submit_<?php echo $i ?>">
  4.                     Wyslij ten formularz
  5.                 </div> 
  6.             </form>
  7.         <?php endfor ?>
[PHP] pobierz, plaintext 



[JAVASCRIPT] pobierz, plaintext 
  1.  <script  type="text/javascript">
  2.             $(".submit").click(function(element) {
  3.                 var id = $(this).attr("id"); // Pobranie id elementu
  4.                 var numer = id.split("_")[1]; // Kluczowy punkt - dzielenie stringu id
  5.  
  6.  
  7.                 var wyslac = confirm("Wysłać?");  
  8.                 if(wyslac) {
  9.                     $("#formularz_" + numer).submit(); // Wysłanie właściwego formularza
  10.                 }
  11.             })
  12.         </script>
[JAVASCRIPT] pobierz, plaintext
lena
17.12.2013, 10:17:58
Cytat
nie wywołuj HTML'a przez "echo" w PHP bo to wygląda strasznie i jest kompletnie nieprawidłowe

Tak to jest nabrać złych przyzwyczajeń na początku nauki... ale dziękuję za uwagę i za pomoc w rozwiązaniu mojego problemu.
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.