Discussion :

[FredKéKé]

Bonjour,
je bloque sur ce petit probleme:
j´ai deux types de formulaire, un pour les boites et un pour utilisateurs privés.. en début de page je demande á l´utilisateur quel type de compte il veut grace á 2 boutons radios. une fois qu´il a cliqué je voudrais afficher (en dessous de ces 2 boutons) automatiquement le formulaire correspondant..
j´insere dans le code html des boutons radio l´option onclick=... et la, je ne sais plus quoi faire

je tiens á préciser que je suis un gros rook en javascript et avant de poser cette question j´ai consulté la faq..
merci d´avance.

[siddh]

salut,
met tes formulaires dans des divs différents.
En style, tu leur met un display none et sur le onclick des radios, tu change le display none a block pour ceui que tu veux afficher

[FredKéKé]

donc,

je déclare mes formulaire ainsi
<DIV id="form1" style="display:none">code html formulaire 1</DIV>
<DIV id="form2" style="display:none">code html formulaire 2</DIV>

dans le bouton radio 1 et 2:
onclick=document.getElementById(form1).style.display;
onclick=document.getElementById(form2).style.display;

un truc du genre?

[siddh]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="document.getElementById('form1').style.display='block'";

par contre, penses a remettre l'autre en masqué quand tu en affiche un

[FredKéKé]

ok merci!!!

[FredKéKé]

ça fait depuis tout à l'heure que j'essaie de faire fonctionner ce code mais rien..
voici ce que j'ai pondu:
bouton radios:

<form name="form2" method="post" action="">
<p>
<label>
<div align="left">
<input type="radio" name="TypeUser" value="0" onclick="document.getElementByID('formulary1').style.display='block'; document.getElementByID('formulary2').style.display='none';">
Private user</div>
</label>
<div align="left"></div>
<label>
<div align="left">
<input type="radio" name="TypeUser" value="1" onclick="document.getElementByID('formulary1').style.display='none'; document.getElementByID('formulary2').style.display='block';">
Company</div>
</label>
<div align="left"></div>
</p>
</form>

DIV et formulaire:

<DIV id="formulary2" style="display:none">
<form action="registration.php" method="post">
<table width="460" border="1" bordercolor="#FFFFFF">
<tr>
<td width="186">Name administrator</td>
<td width="258"><label>
<input name="nameField" type="text" id="nameField"/>
</label></td>
</tr>
...
</table>
<p>
<label>
<input type="submit" name="register" value="Register!" />
</label>
<label>
<input type="reset" name="Submit2" value="Reset" />
</label>
</p>
</form></DIV></td>
<DIV id="formulary1" style="display:none">
<form action="registration.php" method="post">
<table width="460" border="1" bordercolor="#FFFFFF">
<tr>
<td width="186">Name</td>
<td width="258"><label>
<input name="nameField" type="text" id="nameField"/>
</label></td>
</tr>
...
</table>
<p>
<label>
<input type="submit" name="register" value="Register!" />
</label>
<label>
<input type="reset" name="Submit2" value="Reset" />
</label>
</p>
</form></DIV></td>

il m'affiche tout le temps le deuxième div (dans ce cas formulary1)..

[siddh]

si la difference c est "administrator", ca marche a condition de bien mettre

getElementById

[FredKéKé]

ok c'était ce ID qui ne marchait pas
merci!!!