Local Storage

[Rolf B]

Hallo mathefritz,

sieht nachher vermutlich ausnehmend hässlich aus, weil Du alle Parameter in der URL transportieren musst. Ist frei von jedem Standard - aber könnte klappen.

Leerstellen in URLs sollte man übrigens vermeiden. Zumindest musst Du sie maskieren - durch + oder #20. Weiß nicht ob der Browser das für Dich erledigt.

Mir kommt da noch ein anderer Gedanke: Wenn Du ohnehin mit JavaScript rumfrickelst und keinen serverseitigen Code laufen lassen willst, könntest Du deine Teilseiten als HTML-Fragmente per Ajax laden. D.h. du baust ein div (oder eine section) in deine Startseite ein, in die Du vom Server zuerst den Form-Teil für Seite 1 holst. Wird das Form submittet, fängst Du das ab, speicherst die Werte und holst dann Seite 2 per Ajax nach (z.B. die load-Methode von jQuery). Dito für Seite 3. Wird die submittet, postest Du alles zum Server. In Seite 3 baust Du - sofern nötig - alle zwischengespeicherten Felder als hidden input ein. Und auf Seite 3 geht der Submit dann zum Server. Ist jetzt nur eine abstrakte Idee, habe ich nicht durchdacht. Und mit dem History-API musst Du auch sicherstellen, dass ein Klick auf den "Zurück" Button des Browsers zum vorigen Form zurückkehrt. Ist nicht ganz einfach.

Statt HTML-Fragmenten per Ajax könntest Du auch alle 3 Seiten in sections vorhalten und eine Art Tab-Control bauen. Wenn alle 3 Sections in einem Form-Element sind, werden alle Felder am Ende gemeinsam zum Server geschickt.

Frage ist nur, wieweit Du bei den Seitenübergängen auf Serverfunktionalität angewiesen bist. Aber die kannst Du nötigenfalls auch per Ajax abholen.

Rolf