Jak to zrobić?

0

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

2

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"

3
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/m[...]m-using-php-bootstrap-jquery/
https://www.w3schools.com/how[...]filename=tryhow_js_form_steps
https://www.webslesson.info/2[...]ing-jquery-bootstrap-php.html

1
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/m[...]m-using-php-bootstrap-jquery/
https://www.w3schools.com/how[...]filename=tryhow_js_form_steps
https://www.webslesson.info/2[...]ing-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ć.

2

@PerlMonk: na czystym js tez się da zrobić takie proste rzeczy i mówię to ja wierny koder angulara.

1
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.

2

Ponieważ umiem tylko JQuery użyłbym JQuery do Ajaxa :P

1

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.

3

Tu nie trzeba nawet ajaksa. Wystarczą DIV-y z klatkami kolejnych pytań, którym JS będzie przełączać display: none/block.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0