Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][PHP]Pobieranie danych z stepper
Forum PHP.pl > Forum > Przedszkole
pawel06281990
27.04.2021, 13:22:58
Witam,

Chciał bym zapytać jak pobierać dane z stepper a dokładnie z imputów bo próbuje pobrać to przez $_POST ale to nie działa i nie wiem jak to zrobić proszę podpowiedzcie mi
nospor
27.04.2021, 13:42:37
Tam sa normalne pola formularza, wiec jak beda w formularzu to sie wysla normalnie formularzem
pawel06281990
27.04.2021, 14:01:07
To muszę zapisywać od razu do bazy questionmark.gif bo ja mam 5 punktów do spełnienia
nospor
27.04.2021, 14:03:25
Nie rozumiem. SUBMIT ci sie pojawia tam dopiero jak przejdziesz wszystkie kroki wiec dopiero na koniec wysylasz raz wszystko a wtedy rob sobie co chcesz
pawel06281990
28.04.2021, 11:04:00
Aha rozumiem więc dziękuje za informację.

Witam Ponownie

Męczę się aby zrobić wysyłanie po wypełnieniu wszystkich pól ale kiedy kliknę na przejdź dalej to form >> <form method="POST" > się aktywuje i przeładowuje mi całą stroną

Tak wygląda mój form w pliku 

[HTML] pobierz, plaintext 
  1. <form  method="POST" >
  2. <div class="bs-stepper">
  3.                   <div class="bs-stepper-header" role="tablist">
  4.                     <!-- your steps here -->
  5.                     <div class="step" data-target="#glowne-part">
  6.                       <button type="button" class="step-trigger" role="tab" aria-controls="glowne" id="glowne-part-trigger">
  7.                         <span class="bs-stepper-circle">1</span>
  8.                         <span class="bs-stepper-label"><?php _e('Dane główne','opieka');?></span>
  9.                       </button>
  10.                     </div>
  11.                     <div class="line"></div>
  12.                     <div class="step" data-target="#wybierz-part">
  13.                       <button type="button" class="step-trigger" role="tab" aria-controls="wybierz-part" id="wybierz-part-trigger">
  14.                         <span class="bs-stepper-circle">2</span>
  15.                         <span class="bs-stepper-label"><?php _e('Wybierz','opieka');?></span>
  16.                       </button>
  17.                     </div>
  18. 					<div class="line"></div>
  19. 					 <div class="step" data-target="#wyslij-part">
  20.                       <button type="button" class="step-trigger" role="tab" aria-controls="wyslij-part" id="wyslij-part-trigger">
  21.                         <span class="bs-stepper-circle">3</span>
  22.                         <span class="bs-stepper-label"><?php _e('Wyślij zgłoszenie','opieka');?></span>
  23.                       </button>
  24.                     </div>
  25. 					<div class="line"></div>
  26. 					 <div class="step" data-target="#przeslij-dane-part">
  27.                       <button type="button" class="step-trigger" role="tab" aria-controls="przeslij-dane-part" id="przeslij-dane-part-trigger">
  28.                         <span class="bs-stepper-circle">4</span>
  29.                         <span class="bs-stepper-label"><?php _e('Przeslij Dane','opieka');?></span>
  30.                       </button>
  31.                     </div>
  32.                   </div>
  33.                   <div class="bs-stepper-content">
  34.                     <!-- your steps content here -->
  35.                     <div id="glowne-part" class="content" role="tabpanel" aria-labelledby="glowne-part-trigger">
  36.  
  37.  <input type="hidden"  name="imie_nazwisko_zmarlego" class="imie_nazwisko_zmarlego" value="<?php echo $generator_zamowienia['imie'];?> <?php echo $generator_zamowienia['nazwisko'];?>">
  38.  <input type="hidden" name="sektor" class="sektor" value="<?php echo $generator_zamowienia['sektor'];?>">
  39.  <input type="hidden" name="rzad"  class="rzad" value="<?php echo $generator_zamowienia['rzad'];?>">
  40.  <input type="hidden" name="pole_grobu" class="pole_grobu" value="<?php echo $generator_zamowienia['pole_grobu'];?>">
  41. <div class="form-group mb-3">
  42. <input type="text" name="imie_i_nazwisko_zamawiającego" class="form-control imie_i_nazwisko_zamawiającego"  placeholder=" <?php _e('Imię i Nazwisko*','zamow_msze');?> " style="width: 230px;"></td>
  43. </div>
  44. <div class="form-group mb-3">
  45. <input type="email" name="email_zamawiajecego" class="form-control email_zamawiajecego"  placeholder=" <?php _e('Podaj adres e-mail*','zamow_msze');?>" style="width: 230px;">
  46. </div>
  47. <div class="form-group mb-3">
  48. <input type="text"  name="telefon_kontaktowy"  class="form-control telefon_kontaktowy" placeholder=" <?php _e('Telefon Kontaktowy*','zamow_msze');?>" style="width: 230px;">
  49. </div>
  50. <button  class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  51. </div>
  52.                     <div id="wybierz-part" class="content" role="tabpanel" aria-labelledby="wybierz-part-trigger">
  53. 					  <div class="row">
  54. 					  <div class="col-3">
  55. 					  <div class="form-group">
  56.                         <h3 for="sprzatanie_klik"><?php _e('Sprzątanie','opieka');?></h3>
  57.                         <input id="sprzatanie_klik" type="checkbox"  name="sprzatanie_grobu" class="sprzatanie_grobu"  data-bootstrap-switch data-off-color="danger" data-on-color="success">
  58.                       </div>
  59. 					  </div>
  60. 					  <div class="col-3">
  61.                       <div class="form-group">
  62.                         <h3 for="znicz_klik"><?php _e('Zapal Znicz','opieka');?></h3>
  63.                         <input id="znicz_klik" type="checkbox"  name="znicz" class="znicz"  data-bootstrap-switch data-off-color="danger" data-on-color="success">
  64.                       </div>
  65. 					  </div>
  66. 					  <div class="col-4">
  67. 					  <div class="form-group">
  68.                         <h3 for="kwiatki_wionzanki_klik"><?php _e('Połóż Wiązankę lub wieniec','opieka');?></h3>
  69.                         <input id="kwiatki_wionzanki_klik" type="checkbox"  name="kwiatki_wionzanki" class="kwiatki_wionzanki" data-bootstrap-switch data-off-color="danger" data-on-color="success">
  70.                      </div>
  71. 					 </div>
  72. 					 </div>
  73.                       <button class="btn btn-primary " onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  74.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  75.  
  76. 					</div>
  77. 					<div id="wyslij-part" class="content" role="tabpanel" aria-labelledby="wyslij-part-trigger">
  78.                       <div class="form-msgs" style="display:none"><div class="alert alert-success alert-dismissible"><h5><i class="icon fas fa-check"></i> Sukcess</h5><p></p></div></div>
  79. 					  <div class="form-msgs-error" style="display:none"><div class="alert alert-danger alert-dismissible"><h5><i class="icon fas fa-ban"></i> Błąd!</h5><span></span></div></div>
  80. 					  <hr />
  81.  
  82. 					 <center><button  type="button" class="btn btn-primary" id="wp_opinie_form"><?php _e('Wyślij zgłoszenie opieki','opieka');?></button><div id="img_wyslij_opieka"></div></center>
  83.                      </form>
  84.  
  85.  
  86. 					 <hr />
  87.                       <button class="btn btn-primary" onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  88.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  89.                     </div>
  90.  
  91. 					<div id="przeslij-dane-part" class="content" role="tabpanel" aria-labelledby="przeslij-dane-part-trigger">
  92.  
  93.                       <button class="btn btn-primary" onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  94.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  95.                     </div>
  96.                   </div>
[HTML] pobierz, plaintext


Form powinien się aktywować jak kliknę wyślij zgłoszenie opieki i wszystko to puściłem przez ajaxa zapis w tle bez przeładowywania aktywator jest w buttonie takie jest id wp_opinie_form.

Co jest nie tak questionmark.gif
nospor
28.04.2021, 11:27:39
Wg dokumentacji i kodu, tylko stepper-content ma byc w FORM a nie caly stepper
pawel06281990
28.04.2021, 12:00:58
Nie stety nie działa to nadal przeładowuje stroną
nospor
28.04.2021, 12:08:02
Pokaz kod po zmianach
pawel06281990
28.04.2021, 12:20:45
Wkleiłem go przed bs-stepper-content

[HTML] pobierz, plaintext 
  1. <div class="bs-stepper">
  2.                   <div class="bs-stepper-header" role="tablist">
  3.                     <!-- your steps here -->
  4.                     <div class="step" data-target="#glowne-part">
  5.                       <button type="button" class="step-trigger" role="tab" aria-controls="glowne" id="glowne-part-trigger">
  6.                         <span class="bs-stepper-circle">1</span>
  7.                         <span class="bs-stepper-label"><?php _e('Dane główne','opieka');?></span>
  8.                       </button>
  9.                     </div>
  10.                     <div class="line"></div>
  11.                     <div class="step" data-target="#wybierz-part">
  12.                       <button type="button" class="step-trigger" role="tab" aria-controls="wybierz-part" id="wybierz-part-trigger">
  13.                         <span class="bs-stepper-circle">2</span>
  14.                         <span class="bs-stepper-label"><?php _e('Wybierz','opieka');?></span>
  15.                       </button>
  16.                     </div>
  17. 					<div class="line"></div>
  18. 					 <div class="step" data-target="#wyslij-part">
  19.                       <button type="button" class="step-trigger" role="tab" aria-controls="wyslij-part" id="wyslij-part-trigger">
  20.                         <span class="bs-stepper-circle">3</span>
  21.                         <span class="bs-stepper-label"><?php _e('Wyślij zgłoszenie','opieka');?></span>
  22.                       </button>
  23.                     </div>
  24. 					<div class="line"></div>
  25. 					 <div class="step" data-target="#przeslij-dane-part">
  26.                       <button type="button" class="step-trigger" role="tab" aria-controls="przeslij-dane-part" id="przeslij-dane-part-trigger">
  27.                         <span class="bs-stepper-circle">4</span>
  28.                         <span class="bs-stepper-label"><?php _e('Przeslij Dane','opieka');?></span>
  29.                       </button>
  30.                     </div>
  31.                   </div>
  32. 				 <form  method="POST" >
  33.                   <div class="bs-stepper-content">
  34.                     <!-- your steps content here -->
  35.                     <div id="glowne-part" class="content" role="tabpanel" aria-labelledby="glowne-part-trigger">
  36.  
  37.  <input type="hidden"  name="imie_nazwisko_zmarlego" class="imie_nazwisko_zmarlego" value="<?php echo $generator_zamowienia['imie'];?> <?php echo $generator_zamowienia['nazwisko'];?>">
  38.  <input type="hidden" name="sektor" class="sektor" value="<?php echo $generator_zamowienia['sektor'];?>">
  39.  <input type="hidden" name="rzad"  class="rzad" value="<?php echo $generator_zamowienia['rzad'];?>">
  40.  <input type="hidden" name="pole_grobu" class="pole_grobu" value="<?php echo $generator_zamowienia['pole_grobu'];?>">
  41. <div class="form-group mb-3">
  42. <input type="text" name="imie_i_nazwisko_zamawiającego" class="form-control imie_i_nazwisko_zamawiającego"  placeholder=" <?php _e('Imię i Nazwisko*','zamow_msze');?> " style="width: 230px;"></td>
  43. </div>
  44. <div class="form-group mb-3">
  45. <input type="email" name="email_zamawiajecego" class="form-control email_zamawiajecego"  placeholder=" <?php _e('Podaj adres e-mail*','zamow_msze');?>" style="width: 230px;">
  46. </div>
  47. <div class="form-group mb-3">
  48. <input type="text"  name="telefon_kontaktowy"  class="form-control telefon_kontaktowy" placeholder=" <?php _e('Telefon Kontaktowy*','zamow_msze');?>" style="width: 230px;">
  49. </div>
  50. <button  class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  51. </div>
  52.                     <div id="wybierz-part" class="content" role="tabpanel" aria-labelledby="wybierz-part-trigger">
  53. 					  <div class="row">
  54. 					  <div class="col-3">
  55. 					  <div class="form-group">
  56.                         <h3><?php _e('Sprzątanie','opieka');?></h3>
  57.                         <input id="sprzatanie_klik" type="checkbox"  name="sprzatanie_grobu" class="sprzatanie_grobu"  data-bootstrap-switch data-off-color="danger" data-on-color="success">
  58.                       </div>
  59. 					  </div>
  60. 					  <div class="col-3">
  61.                       <div class="form-group">
  62.                         <h3><?php _e('Zapal Znicz','opieka');?></h3>
  63.                         <input  type="checkbox"  name="znicz" class="znicz"  data-bootstrap-switch data-off-color="danger" data-on-color="success">
  64.                       </div>
  65. 					  </div>
  66. 					  <div class="col-4">
  67. 					  <div class="form-group">
  68.                         <h3><?php _e('Połóż Wiązankę lub wieniec','opieka');?></h3>
  69.                         <input type="checkbox"  name="kwiatki_wionzanki" class="kwiatki_wionzanki" data-bootstrap-switch data-off-color="danger" data-on-color="success">
  70.                      </div>
  71. 					 </div>
  72. 					 </div>
  73.                       <button class="btn btn-primary " onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  74.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  75.  
  76. 					</div>
  77. 					<div id="wyslij-part" class="content" role="tabpanel" aria-labelledby="wyslij-part-trigger">
  78.                       <div class="form-msgs" style="display:none"><div class="alert alert-success alert-dismissible"><h5><i class="icon fas fa-check"></i> Sukcess</h5><p></p></div></div>
  79. 					  <div class="form-msgs-error" style="display:none"><div class="alert alert-danger alert-dismissible"><h5><i class="icon fas fa-ban"></i> Błąd!</h5><span></span></div></div>
  80. 					  <hr />
  81.  
  82. 					 <center><button  type="button" class="btn btn-primary" id="wp_opinie_form"><?php _e('Wyślij zgłoszenie opieki','opieka');?></button><div id="img_wyslij_opieka"></div></center>
  83.  
  84. 					</form>
  85.  
  86. 					 <hr />
  87.                       <button class="btn btn-primary" onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  88.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  89.                     </div>
  90.  
  91. 					<div id="przeslij-dane-part" class="content" role="tabpanel" aria-labelledby="przeslij-dane-part-trigger">
  92.  
  93.                       <button class="btn btn-primary" onclick="stepper.previous()"><?php _e('<<','opieka');?></button>
  94.                       <button class="btn btn-primary float-right" onclick="stepper.next()"><?php _e('>>','opieka');?></button>
  95.                     </div>
  96.                   </div>
  97.                 </div>
[HTML] pobierz, plaintext


Tak wygląda po zmianach
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.