Weiter ohne Aktualisierung

[devnull0]

Hallo zusammen,

ich komme eigentlich aus dem Bereich der Anwendungsprogrammierung und habe eine Frage zur Webprogrammierung.
Einige Stichworte oder hilfreiche Links würden mir schon genügen. Darum geht es:

Eine Website auf der ein Benutzer in 10 Schritten Daten eingibt. Sind die Daten bei Schritt 1 ausgefüllt, klickt der User auf einen Button, um zu Schritt 2 zu gelangen, in denen er wieder Daten eingibt etc.
Die Website soll nicht neu geladen bzw. aktualisiert werden bei einem Klick auf weiter.
Beim letzten Schritt sollen die in allen Schritten gesammelten Daten in einer SQL Datenbank gespeichert werden.
Die angezeigten Inhalte sind für jeden User gleich.

Solche Dinge würde ich normalerweise mit 10 PHP-Dateien (eine für jeden Schritt) umsetzen und die jeweils vorherigen eingegebenen Daten an die nächste Datei weiterreichen und am Schluss in die DB speichern.

Bei einigen Schritten gibt der User einen Text ein, bei anderen wählt er aus RadioButtons aus, bei anderen sind es CheckBoxes.


Habe bisher noch nicht viel mit JavaScript, Ajax etc. zu tun gehabt. Womit geht das am besten und schnellsten?

Vielen Dank schonmal!
devnull

 

[Myhar]

Ist das hier für deine Zwecke ausreichend? http://www.jquery-steps.com/Examples

 

[devnull0]

Ist das hier für deine Zwecke ausreichend? http://www.jquery-steps.com/Examples

Das ist sogar zuviel
Die Steps benötige ich nämlich gar nicht.

Aber das war der entscheidende Hinweis.

https://www.w3schools.com/howto/howto_js_form_steps.asp

Das ist das was ich suchte.
Danke!

 

[Myhar]

Dort hast du ja auch steps dabei... aber du kannst bei beiden die Steps mit CSS einfach ausblenden.
Auch bei meinem Link sei noch gesagt: das jquery-steps ist wohl schon etwas älter, alles scheint da auch nicht zu funktionieren. Zumindest hat die Keyboard-Navigation beim Beispiel nicht geklappt.