Partage
  • Partager sur Facebook
  • Partager sur Twitter

Fermer une balise details sur un évènement

Sujet résolu
    12 octobre 2017 à 17:13:50

    Bonjour / Bonsoir.

    J'aimerais qu'en ouvrant une autre balise details, celle déjà ouverte se ferme automatiquement. J'ai essayé quelques scripts par moi même mais je n'y arrive pas, et je n'ai pas trouvé en cherchant avec mon ami Google, quelque chose qui semblait correspondre à ce que je voulais.

    Voici mon code :

    <body>
    
    <form method="post" action="stats.php">
    <p>
    	<details name="NB_PV_Agent_Date" open>
    		<summary>Requête : Nombre de PV par agent et par date</summary><br/>
    		Veuillez renseigner les valeurs suivantes :<br/><br/>
    		NOM et PRENOM de l'agent :<br/>
    		<input type="text" name="nomagent" placeholder="Nom"/>
    		<input type="text" name="prenomagent" placeholder="Prénom" /><br/><br/>
    		Date du PV (format Année-Mois-Jour ) :<br/>
    		Entre <input type="text" name="date1" placeholder="AAAA/MM/JJ" required/> et <input type="text" name="date2" placeholder="AAAA/MM/JJ" required/><br/><br/>
        	<input type="submit" value="Valider"/>
        	<input type="button" value="Je suis un formidable bouton qui fermera cette fenêtre"/>
    	</details>
    	<br/>
    	<details name="NB_QT_Agent_Date">
    		<summary>Requête : Nombre de quittance par agent et par date</summary><br/>
    		Veuillez renseigner les valeurs suivantes :<br/><br/>
    		NOM et PRENOM de l'agent :<br/>
    		<input type="text" name="nomagent" placeholder="Nom"/>
    		<input type="text" name="prenomagent" placeholder="Prénom" /><br/><br/>
    		Date du PV (format AAAA-MM-JJ ) :<br/>
    		Entre <input type="text" name="date1" placeholder="AAAA/MM/JJ" required/> et <input type="text" name="date2" placeholder="AAAA/MM/JJ" required/><br/><br/>
      	  <input type="submit" value="Valider"/>
    	</details>
    </p>
    </form>
    </body>

     EDIT : Finalement c'est bon ! 

     <script>
      $('details').click(function (event) {
        $('details').not(this).removeAttr("open");  
        }); 
      </script>

    Et ça suffit :D

    -
    Edité par Camarade Gunter 12 octobre 2017 à 17:52:04

    • Partager sur Facebook
    • Partager sur Twitter

    Fermer une balise details sur un évènement

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown