Formulier met meerdere stappen?

[wzshop]

Beste mensen,

Ik ben opzoek naar een formulier die opgemaakt is uit meerdere (2) stappen.

Bijv:
Bij stap 1 kunnen mensen naam en email invullen
En bij stap 2 kunnen mensen overige informatie invullen en het formulier versturen.

Dit alles zonder dat de pagina herladen hoeft te worden, dat moet dan toch in jquery?
Weet iemand hier een geschikt script voor?
Alvast bedankt.
wz

 

[That Guy]

Eh, niets moet in de wereld van het web


Maar wat wil je nu precies? Dat je 2x een nieuwe 'pagina' ziet, zonder refresh? Dat gaat met XMLHttpRequest (aka 'AJAX'). Er zijn genoeg tutorials op Google etcetera te vinden over dit onderwerp.

 

[wzshop]

hallo, dank voor je reactie.

Ik wil dus een stappen formulier dat uit 2 stappen zal bestaan.
Aangezien ik rechts van het formulier ook bij stap 2 dezelfde content zal hebben staan wil ik niet 2 verschillende pagina's met dezelfde (duplicate content). Dus zoek ik een script waarbij enkel het formulier verandert wanneer je op "volgende stap" klikt.

Ik hoop dat dit wat meer duidelijk is

 

[mark199]

Twee div's maken waarvan de tweede niet zichtbaar is. Na klikken op een link/button met javascript div 2 zichtbaar maken en div 1 onzichtbaar. Is inderdaad prima te doen met jQuery......

 

[wzshop]

hartelijk dank, heeft iemand misschien hier een voorbeeld script voor? Ben niet echt heel erg advanced

bedankt voor je tijd!

 

[That Guy]

/* CSS */

#form2
{
   display: none;
}

<form id='form1' ...>

   <button onclick='volgendeForm();'>next</button>
</form>

<form id='form2' ...>

</form>

[JS]function volgendeForm()
{
document.getElementById('form1').style.display = "none";
document.getElementById('form2').style.display = "block";
}[/JS]