Afficher ou masquer des champs dans un formulaire

Version imprimable

Bonjour j'ain un formulaire a faire remplir et je voudrais afficher ou cacher des champs selon la réponse.
Je m'explique mieux j ai des bouton radio et selon si il et sélectionner il fait distraite ou apparaitre un champ

Jarrive a faire un onclick pour faire disparaitre un bon de champ mais les autres champ je n arrive pas à les faire disparaitre.

merci !
voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
       <td>Demande adressée par :</td >
       <td><input onclick="getElementById('ayant_droit_motif').style.display='none'" type="radio" name="demande_adressée_par" value="patient"   /> <label for="patient">Patient</label><br />
 
	   <input onclick="getElementById('ayant_droit_motif').style.display='inline'"  type="radio" name="demande_adressée_par" value="demande_adressée_par"  /> <label for="patient">Ayant droit </label>
		<select name="ayant_droit_motif" id="ayant_droit_motif">
          <option value="Faire_valoir_un_droit">Faire valoir un droit</option>
          <option value="Connaitre_la_causse_du_décès">Connaitre la causse du décès</option>
		  <option value="honorer_la_mémoire_du_defunt">honorer la mémoire du defunt</option>
      </tr>
      <tr>
	  	 <td>Nom et Prenom de l'ayant droit : </td>				<?php //champ à faire aparaitre quand le bouton  ayant droit est selectionner ?>
		 <td><input  type="text" name="nom_ayant_droit" id="nom_ayant_droit"></td> <?php //champ à faire aparaitre quand le bouton  Ayant droit est selectionner ?>

et je voudrais faire aparaitre et disparaitre ce champ aussi

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 <td>Le dossier à t'il plus de 20ans ? </td>
		<td><input type="radio" name="archive" value="oui" id="oui"  /> <label for="oui">Oui</label>
		<input type="radio" name="archive" value="non" id="non" checked="checked" /> <label for="non">Non</label></td>
        <td>
      <tr>
	  <td>Date à laquel de dossier a été constituer :</td> <?php //champ à faire aparaitre quand le bouton  oui du name="archive" est selectionner ?>
        <td><?php
                                $id_jour=date('d');
                                $id_mois=date('m');
                                $id_an=date('Y');
                                
                                echo '<form>
                                <table>
                                <tr><td>
                                <select name="jour_deb2">',listbox_jour ($id_jour),'</select>
                                <select name="mois_deb2">',listbox_mois ($id_mois),'</select>
                                <select name="an_deb2">',listbox_an ($id_an),'</select>
                                <br /><br /></td></tr>
                                </table>
                                </form>';
                                        ?> </td>  <?php //fin du champ à faire aparaitre  ?>
					 <tr>

16/12/2010, 20h00
Watilin

Y’a des jours où je suis d’humeur à aider les gens alors que leur problème a une réponse toute proche, voire exactement la même, dans la FAQ du site.

… Mais pas aujourd’hui :roll:
16/12/2010, 20h27
waltcap

je suis aller faire un tour sur le faq dans la slection javascript et je voulais juste savoir si ce que je recherche est bien ''Comment déclencher un événement à l'aide d'un script ?''
16/12/2010, 20h44
Watilin

Non, je pense que ce qu’il te manque est plutôt par là : http://javascript.developpez.com/faq...rm.input.acces
En fait, vu que tu sais déjà masquer des éléments, tu dois juste trouver un moyen d’accéder à la balise <td> que tu veux masquer, depuis un bout de script déclenché par un clic. C’est pas compliqué…

;)

Un petit exemple afin de t'aider dans ta recherche :

Code:

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
		function showhide(id){
			if(document.getElementById(id).style.display=="none")
				document.getElementById(id).style.display="block";
			else
				document.getElementById(id).style.display="none";
		}
	</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
print("<br><br><table width='95%' align=center border='0' cellspacing='0' cellpadding='0'><tr>");
		print("<td width=20%>");
		print("<div align='center'>");
		print("<a href=javascript:showhide('test')><img border=0 src='images/admin/Gestion_site.png' width='80'><br />Test</a>");
		print("</div>");
		print("</td>");
		print("</tr></table><br><br>");
 
print("<div id='test' style='display:none'><br />");
		print("<table width='95%' align=center border='1' cellspacing='0' cellpadding='0'><tr><td>");
		print("<table width='100%' align=center border='0' cellspacing='0' cellpadding='0' class='ttable_col2'>");
		print("<tr><td height=20px colspan='8' class='ttable_head'>");
		print("<div align='center'><font color=#ffffff><strong>".$type."</strong></font></div>");
		print("</td></tr>");
		print("<tr><td><br /><br /></td></tr>");
		print("<tr>");

Voilà, en espérent que cela t'aide à mieux comprendre...

16/12/2010, 22h55
waltcap

Je n arrive pas a rajouter les <td> car dans date_doss il n'y a que des varibles et non un id .

Je ne sais pas comment faire !
16/12/2010, 23h07
Atomya Rise

:koi: hummm, j'ai rien compris... désolé !