JavaScript Interaktives Formular programmieren?

[Dsimon24]

Hallo zusammen,

ich möchte gerne ein interaktives Formular entwickeln
- etwas ähnlich so, wie es im Anhang ersichtlich ist.

Ich möchte was gefragt werden und es beantworten können.
Anschließend soll das Formular in die nächste Frage scrollen
und die nächste Frage von der grauen Hinterlegung hervor-
heben, wie die Frage zuvor.
Während dessen soll sich nach jeder Frage, die beantwortet
wurde, die Skala am Ende der Seite prozentual erhöhen.
Am Ende des Formulares soll dies abgesendet werden. Dies
würde ich dann mittels PHP verarbeiten und die Inhalte
in einer DB speichern, das ist kein Problem.

Wie kann ich aber ein solch interaktives Formular am
besten erstellen? Gibt es da schon vorhandene Scripte,
Frameworks, etc.? - Vielleicht hat einer eine Idee...

VG, David

 

[bog]

libraries, mit denen du derartige formulare erstellen kannst kenne ich persoenlich nicht, aber hier hast du eine lib, mit der du auf eine beliebige stelle im dokument scrollen kannst und das hier skizziert, wie du eine progress bar machst, die du dann per CSS am unteren rand der seite verankern kannst. die prozentzahl und breite des "fertig"-balkens errechnen sich dann aus der division von anzahl beantworteter fragen (kannst du je beantworteter frage in einem counter updaten) durch gesamtanzahl deiner fragen (gekennzeichnet bspw. per klassenzuweisung und dynamisch abfragbar per document.querySelectorAll(".xyz").length).

sollte mit ein wenig kenntnis von JS/DOM alles nicht so arg schwer sein.

 

[kling1]

ich würde da vue für nutzen https://vuejs.org vorallem wegen der daten die du ja am ende an ein php script schicken möchtest..
guck dir das plugin an.. das ist eigentlich das was du machen willst https://github.com/PygmySlowLoris/vue-stepper