Affichage après un clic de formulaire?

**Dev@lone** · 15/12/2007, 00h47

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.

**jln13** · 15/12/2007, 01h28

salut,

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

Code :

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

1
2
3
4
5
 
<div style='display:none' id='div1'>
<input type="radio" />
<!-- autres champs radios etc -->
</div>

tu declare la fonction javascript te permettant de montrer ta div cachee dans ton <head> :

Code :

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

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 :

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

1
2
 
<input type="radio" onclick='montrer_div();' />

**Dev@lone** · 15/12/2007, 02h19

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

**KawaJVC** · 15/12/2007, 07h25

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

**jln13** · 15/12/2007, 11h26

salut,

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

**Dev@lone** · 15/12/2007, 14h04

Voici mon code ou plutot une partie:

Code :

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

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>

Affichage après un clic de formulaire?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager