Page 1 of 1
Ingenieus formulier
Posted: Wed Mar 04, 2009 12:35 pm
by freakstar
Ik zou graag een form maken wat op basis van een bepaalde keuze een hieraan gerelateerde volgende keuze laat zien.
Vb, een BMW is alleen in rood en wit en een Opel alleen in blauw en groen verkrijgbaar.
Form dropdown merk: Opel, BMW. Volgende dropdown kleur: op basis van vorige.
Het zou eventueel wel op meerdere pagina's mogen, maar dan nog kan ik niet echt een mooie en beheersbare optie vinden...
Re: Ingenieus formulier
Posted: Thu Mar 05, 2009 12:27 pm
by purplerain12
Hallo freakstar,
Als ik begrijp wat je bedoelt dan heb ik dit ook eens toegepast met javascript.
http://www.dekinderster.nl/aanmeldingsformulierkdv.html
In dat formulier zie je een vraag: Wilt u een 2de kind aanmelden? Het antwoord Ja geeft extra optie's.
Plaats dit in de header van je pagina (je template):
Code: Select all
<__script__ language="Javascript">
<!--
function latenzien(id,veld,waarde)
{
x = document.formulier.elements[veld].selectedIndex;
if (document.formulier.elements[veld].options[x].text == waarde)
{document.getElementById(id).style.display = 'block';}
else
{document.getElementById(id).style.display = 'none';}
}
-->
</__script>
<style type="text/css">
.verborgen
{
display:none;
font-size:11px;
padding:4px;
}
</style>
Dit is de DropDownBox: (let op OnChange)
Code: Select all
<label>Wilt u een 2<sup>de</sup> kind opgeven?</label>
<select name="selectieveld1" onChange="latenzien('gegevens_kind_2',this.name,'Ja')">
<option>Maak uw keuze</option>
<option>Ja</option>
<option>Nee</option>
</select>
En dan nog een div waar in je de extra optie's plaatst:
Code: Select all
<div id="gegevens_kind_2" class="verborgen">
<!-- extra formulier optie's -->
</div>
Als je meerdere van deze situaties in je formulier wilt gebruiken dan moet je een andere "name=" gebruiken voor je 2de dropdownbox (name="selectieveld1"), voor de 2de kun je dan bijvoorbeeld gebruiken name="selectieveld2".
Kun je hier wat mee?
Groet,
Bas
Re: Ingenieus formulier
Posted: Thu Mar 05, 2009 3:25 pm
by freakstar
Dat zou m'n noodoplossing zijn. Ik wil het graag met formbuilder realiseren omdat de gebruiker daar beter mee om kan gaan..
Re: Ingenieus formulier
Posted: Thu Mar 05, 2009 3:45 pm
by Rolf
Freakstar,
Bekijk deze topic eens:
http://forum.cmsmadesimple.org/index.ph ... 162.0.html
Volgens mij een soortgelijke vraag (even snel gelezen), maar ook een antwoord van Calguy dat dit niet mee zal vallen...
Grt. Rolf
