Dynamisch form opbouwen
Ik ben op zoek naar een website, voorbeelden, tutorials, ... i.v.m. dynamische forms.
De bedoeling is dus een interactief contact form te ontwikkelen.
Eerst dient de bezoeker de "hoofdvraag" (select box) in te vullen:
Waarover wilt u ons contacteren?
Daarin heb ik 3 verschillende mogelijke antwoorden:
- Idee
- Vraag
- Probleem
Afhankelijk van wat er geantwoord wordt verschijnen er nieuwe form elementen bijvoorbeeld wanneer ik als bezoeker Idee selecteer dan komt er een text veld waarin de persoon zijn idee kan tippen.
Wanneer daarentegen een vraag gesteld wordt, zou het form 3 nieuwe elementen moeten krijgen 2 input fields en 1 text field. (Naam, e-mailadres, de vraag)
En als Probleem geselecteerd wordt wil ik krijg 2 velden met een nieuwe select box met de opties van de verschillende afdelingen en een tekst veld voor het probleem te beschrijven.
Kan iemand me op weg helpen of weet iemand een links naar voorbeelden?
Alvast bedankt!
Je begint op de pagina website.nl/contact/
De eerste verwijst naar website.nl/contact/idee
De tweede verwijst naar website.nl/contact/vraag
De laatste verwijt naar website.nl/contact/probleem
Met htaccess kan je dat omtoveren naar:
contact.php?type=idee, contact.php?type=vraag, contact.php?type=probleem.
Voordelen:
1 contactpagina = 1 verwerkingspagina
Makkelijk te hanteren (3 modussen is echt nog wel overzichtelijk te houden).
Je kan iemand, op een andere pagina, ook gewoon direct naar de goede pagina linken (op je 404-pagina bijvoorbeeld)
Iedereen ziet wat het adres is: en dus weten ze waar ze zijn.
Het is altijd een goed idee om validatie aan de serverzijde te verrichten, maar je zou met JavaScript ook controles aan de clientzijde kunnen doen, nog voordat je het formulier verstuurt.
Bedankt voor de reacties, dan ga ik het op Eddy E zijn manier doen, @Thomas ik dacht ook dat het eventueel met javascript en jquery zou moeten lukken, maar misschien is de makkelijkste optie hier wel de beste en minst ingewikkelde...
Jos Verstraeten op 07/07/2015 21:25:58:
Bedankt voor de reacties, dan ga ik het op Eddy E zijn manier doen, @Thomas ik dacht ook dat het eventueel met javascript en jquery zou moeten lukken, maar misschien is de makkelijkste optie hier wel de beste en minst ingewikkelde...
de makkelijkste is altijd de minst ingewikkelde?
Met javascript is dit ook vrij makkelijk op te lossen.
je kan een select list maken en met onchange ofzo, de gewenste velden laten zien of een formulier inladen.
Met het nadeel dat je dus niet iemand direct naar de goede pagina kan sturen. Hij moet eerst een SELECT kiezen. Leuk voor schermlezers.
Je hoeft niet eens een select list te gebruiken, meerdere wegen die naar rome leiden.
Ook staat dit in de OP:
De bedoeling is dus een interactief contact form te ontwikkelen.
Eerst dient de bezoeker de "hoofdvraag" (select box) in te vullen.
Gewijzigd op 08/07/2015 16:26:55 door Randy vsf