Witam serdecznie,
potrzebuję zrobić formularz, który będzie składał się z pięciu pytań. Jak osiągnąć coś takiego jak niżej.
Chodzi głownie o przyciski wyboru, oraz jak zrobić aby po kliknięciu dalej nie przeładowywała się cała strona, tylko pojawiało się następne pytanie
Strony działające bez przeładowywania zwykle korzystają z frameworków/bibliotek SPA, np. React, Angular. Do dalszego szukania podaje hasło: "Single-page application"
piotrevic napisał(a):
Strony działające bez przeładowywania zwykle korzystają z frameworków/bibliotek SPA, np. React, Angular. Do dalszego szukania podaje hasło: "Single-page application"
SPA do zwykłego multi step form? tego jeszcze nie grali (kto to plusuje?) :)
Wystarczy pewnie ajax (na upartego nawet nie):
https://www.phpflow.com/php/multi-step-form-using-php-bootstrap-jquery/
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps
https://www.webslesson.info/2018/04/multi-step-responsive-form-using-jquery-bootstrap-php.html
czysteskarpety napisał(a):
piotrevic napisał(a):
Strony działające bez przeładowywania zwykle korzystają z frameworków/bibliotek SPA, np. React, Angular. Do dalszego szukania podaje hasło: "Single-page application"
SPA do zwykłego multi step form? tego jeszcze nie grali (kto to plusuje?) :)
Wystarczy pewnie ajax (na upartego nawet nie):
https://www.phpflow.com/php/multi-step-form-using-php-bootstrap-jquery/
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps
https://www.webslesson.info/2018/04/multi-step-responsive-form-using-jquery-bootstrap-php.html
Co się czepiasz? Nie skłamał, da się tak zrobić. Cały formularz ładowany jest od razu a potem tylko przejścia zrobić.
@PerlMonk: na czystym js tez się da zrobić takie proste rzeczy i mówię to ja wierny koder angulara.
mr_jaro napisał(a):
@PerlMonk: na czystym js tez się da zrobić takie prace rzeczy i mówię to ja wierny koder angulara.
No ba :) ! A autor wątku zdecyduje sam.
Ponieważ umiem tylko JQuery użyłbym JQuery do Ajaxa :P
Najłatwiej to będzie użyć gotowca z githuba. Zależy czy potrzebujesz tego jako część czegoś większego, czy sam formularz do zbierania danych, czy w celach edukacyjnych/na zaliczenie.
Tu nie trzeba nawet ajaksa. Wystarczą DIV-y z klatkami kolejnych pytań, którym JS będzie przełączać display: none/block.