Dynamisch form opbouwen
Beste leden,
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!
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!
In plaats van een selectbox kan je beter gewoon 3 harde links maken.
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.
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.
Voor het "interactief" maken van een formulier is JavaScript ook geschikt.
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.
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 kan een default waarde meegeven aan de select, waardoor je standaard in het algemene formulier terechtkomt. dus dat MOET valt dan alweer weg.
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.
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




