Sujet Précédent Sujet Suivant

Fonction hide/unhide

Fermé
Nomade - 23 mai 2014 à 22:52
-helper- Messages postés 89 Date d'inscription mercredi 21 mai 2014 Statut Membre Dernière intervention 15 juin 2014 - 24 mai 2014 à 08:45
Bonjour, j'a i écrit une petite fonction pour ouvrir/fermer un "tiroir" 

<style>
.hidden { display: none; }
.unhidden { display: block;   }
</style>

<script type="text/javascript">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
 </script>

Le script fonctionne bien mais comme j'ai plusieurs div avec des id différents dans la même page j'aimerais que lorsque on en ouvre un les autres se ferment.

Auriez-vous des suggestions?

Claude
A voir également:

2 réponses

Réponse 1 / 2
-helper- Messages postés 89 Date d'inscription mercredi 21 mai 2014 Statut Membre Dernière intervention 15 juin 2014 27
24 mai 2014 à 08:45
Salut,

Oui...
Si tu as fait une fonction qui permet d'ouvrir/fermer un tiroir... Pourquoi ne pas faire une boucle qui parcours tous les tiroirs de la commode !?

Lorsque tu voudras ouvrir un tiroir, il suffit de fermer tous les tiroirs et d'ouvrir celui que tu veux !

Ce dont tu as besoin... 
<div id="Commode">
   <div onclick="javascript:OuvreTiroir( this );"></div>
   <div onclick="javascript:OuvreTiroir( this );"></div>
   <div onclick="javascript:OuvreTiroir( this );"></div>
</div>


un peu de code pour te montrer à quoi ça peut ressembler (non testé)... 
function OuvreTiroir( eTiroir ) {
   var divCommode = document.getElementById('Commode');
   var aTiroirs = divCommode.children();
   var iTiroirs;
   for(iTiroirs = 0; iTiroirs < aTiroirs.length; iTiroirs++)
   {
       aTiroirs[iTiroirs].className = 'hidden';
   }
   eTiroir.className = 'unhidden';
}


Le code javascript est à mettre avant le code HTML...
Evidemment.... cliquer sur un élément qu'on a fait disparaître c'est difficile !!!...
Mais tu peux très bien ne pas les faire disparaître complètement... ou lier l'ouverture/fermeture avec autre chose que le tiroir lui-même...
0
Réponse 2 / 2
faysal2231 Messages postés 1 Date d'inscription vendredi 23 mai 2014 Statut Membre Dernière intervention 23 mai 2014
23 mai 2014 à 22:54
pas comprie khhhh
-1

Discussions similaires

La fonction FILTRE n'est plus reconnue
Auri328 -
Auri328 -

3 réponses
Remplir une cellule (texte) en fonction d'une autre (texte).
SOMUM -
SOMUM -

4 réponses
Comment savoir comment on nous a ajouté sur Snap
Laura -
Lob6 -

15 réponses
comment contourner la fonction FILTRE
Gabby -
DjiDji59430 -

3 réponses
je veut créer des codes
jonkiller -
Nhhi -

20 réponses