Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Pobieranie danych z stepper
pawel06281990
post
Post #1





Grupa: Zarejestrowani
Postów: 298
Pomógł: 0
Dołączył: 10.01.2014

Ostrzeżenie: (0%)
-----


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

Ten post edytował pawel06281990 27.04.2021, 13:23:42
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




Tam sa normalne pola formularza, wiec jak beda w formularzu to sie wysla normalnie formularzem
Go to the top of the page
+Quote Post
pawel06281990
post
Post #3





Grupa: Zarejestrowani
Postów: 298
Pomógł: 0
Dołączył: 10.01.2014

Ostrzeżenie: (0%)
-----


To muszę zapisywać od razu do bazy (IMG:style_emoticons/default/questionmark.gif) bo ja mam 5 punktów do spełnienia
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




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
Go to the top of the page
+Quote Post
pawel06281990
post
Post #5





Grupa: Zarejestrowani
Postów: 298
Pomógł: 0
Dołączył: 10.01.2014

Ostrzeżenie: (0%)
-----


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

  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>


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 (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




Wg dokumentacji i kodu, tylko stepper-content ma byc w FORM a nie caly stepper
Go to the top of the page
+Quote Post
pawel06281990
post
Post #7





Grupa: Zarejestrowani
Postów: 298
Pomógł: 0
Dołączył: 10.01.2014

Ostrzeżenie: (0%)
-----


Nie stety nie działa to nadal przeładowuje stroną
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




Pokaz kod po zmianach
Go to the top of the page
+Quote Post
pawel06281990
post
Post #9





Grupa: Zarejestrowani
Postów: 298
Pomógł: 0
Dołączył: 10.01.2014

Ostrzeżenie: (0%)
-----


Wkleiłem go przed bs-stepper-content

  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>


Tak wygląda po zmianach
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 13:18