Affichage après un clic de formulaire?

Version imprimable

15/12/2007, 00h47
Dev@lone

Affichage après un clic de formulaire?

Bonsoir à tous,

J'ai pas mal recherché sur google, en vain.

J'ai un formulaire simple, avec des boutons radio, lorsque je clic sur un bouton radio, je voudrais que sa déclenche l'affichage d'autre option en dessous (autre boutons radio par exemple).

Le probleme est que je ne sais pas du tout comment faire ceci...

Merci d'avance.
15/12/2007, 01h28
jln13
salut,

tu déclares une div cachee contenant les elements a afficher sur l'action de ton bouton, du genre :
Code:

1 2 3 4 5 <div style='display:none' id='div1'> <input type="radio" />  </div>
tu declare la fonction javascript te permettant de montrer ta div cachee dans ton <head> :
Code:

1 2 3 4 function montrer_div() { document.getElementById('div1').style.display=''; }
et sur le radio button qui permettra d'afficher les champs cachés tu mets un évènement onclick comme ceci :
Code:

1 2 <input type="radio" onclick='montrer_div();' />
15/12/2007, 02h19
Dev@lone

Je te remercie de ta réponse.

J'ai essayé ta manip, mais mes elements ne se cachent pas dans le div avec display:none.
Je tiens à signaller que les elements sont placés grâce à un tableau.

Merci d'avance ;)
15/12/2007, 07h25
KawaJVC

Salut,

Tu es sous IE ?

Car normalement l'attribut style avec display:none; dedans a toujours marché chez moi :-/ Et sinon je te répondrais la même chose que jln13 :|
15/12/2007, 11h26
jln13

salut,

effectivement ca devrait marcher. Mets ton code si tu veux qu'on t'aide peut etre que tu as un problème ailleurs..

Voici mon code ou plutot une partie:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div style='display:none' id='div3'>
		<tr><td colspan="2" align="right">
			  <table border="0" bordercolor="0">
				<tr>
				  <td><input type="radio" name="mode" value="nom_ouvrage" /></td>
				  <td>par nom de l'ouvrage </td>
				  </tr>
				  <tr>
				  <td colspan="2" align="right"><input name="nom_ouvrage" type="text"/></td>
				</tr>
				<tr>
				  <td><input type="radio" name="mode" value="isbn" /></td>
				  <td>par ISBN </td></tr>
				  <tr>
				  <td colspan="2" align="right"><input name="isbn" type="text"/></td>
				</tr>
				</table>
		</td></tr>	
		</div>

17/12/2007, 22h34
Dev@lone

Personne ne vois ce qui se passe?