IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher ou masquer des champs dans un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    34
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 34
    Par défaut Afficher ou masquer des champs dans un formulaire
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : 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
    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>

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    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
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    34
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 34
    Par défaut
    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 ?''

  4. #4
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    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é…

    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  5. #5
    Membre émérite Avatar de Atomya Rise
    Femme Profil pro
    Développeuse Web
    Inscrit en
    Février 2009
    Messages
    443
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeuse Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2009
    Messages : 443
    Par défaut
    Un petit exemple afin de t'aider dans ta recherche :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : 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
     
    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...

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    34
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 34
    Par défaut
    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 !

Discussions similaires

  1. Ajouter des champs dans un formulaire.
    Par Invité dans le forum ASP.NET
    Réponses: 19
    Dernier message: 08/11/2007, 10h20
  2. Réponses: 1
    Dernier message: 24/08/2007, 11h01
  3. Ajouter des champs dans un formulaire
    Par Luffy Duck dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 18/05/2006, 10h30
  4. Afficher ou pas un champs dans un formulaire continu
    Par bozolozo dans le forum Access
    Réponses: 3
    Dernier message: 24/04/2006, 17h48
  5. Masquer des champs dans un formulaire
    Par crazykingpin dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/12/2005, 15h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo