Afficher ou masquer des champs dans un formulaire

[waltcap]

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>

[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

[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 ?''

[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é…

[Atomya Rise]

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

Code javascript :

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 html :

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...

[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 !

[Atomya Rise]

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