Partage

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

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é.
  • Editeur
  • Markdown