Fermer toutes les div sauf celles indiquées.

Bonjour,

Je chercher sans doute l'impossible.
J'ai un grand nombre de div.

J'aimerai une function qui me permettent de toutes les mettre en display:none , sauf celle indiquées dans la liste des valeurs.

Le seul moyen que j'ai trouver c'est faire la liste de toutes les divs. Sachant que leur id est crée en function de la bdd, c'est super lourd à faire.

N'y aurait pas un moyen simple de fermer toutes les div d'un coup ?
Après quoi je pourrai mettre inline celles que je souhaite laisser ouvertes.

Bonne journée

Bonjour,

Je trouve que c'est un peu moche si ce sont tous les div que tu veux fermer, je te conseille de ne fermer que ceux qui sont dans un conteneur spécifique.

Code:

---

1 2 3 4 5 6

function hideAllDivInContainer(idDivExcept, idConteneur){ var divs = document.geElementById(idConteneur).getElementsByTagName("div"); for (i = 0; i< divs.length; i++){ if (divs[i].id != idDivExcept) divs[i].style.display="none"; } }

---

C'est plus souple comme ça. Si tu veux que ce soit tous les div , tu donnes un id à la balise body et tu le passes en paramètre.

A+.

Avec une fonction qui fermerait tout les id si l'id ne correspond pas celle que tu veux conserver?
Sa devrait marcher théoriquement

Citation:

---

Envoyé par EIN-LESER

Avec une fonction qui fermerait tout les id si l'id ne correspond pas celle que tu veux conserver?
Sa devrait marcher théoriquement

---

Et pratiquement avec le code que j'ai fourni avec une petite correction :

Citation:

---

var divs = document.geElementById(idConteneur).getElementsByTagName("div");

---

Code:

---

var divs = document.getElementById(idConteneur).getElementsByTagName("div");

---

:aie:

Si je comprend bien, si la div n'a pas d'id elle restera ouverte ? :)
Si c'est bien ca, c'est encore mieux que ce que j'imaginais !

Je test ça dans la journée. (j'me réveille juste)
Merci

pourquoi ne mettre leurs mettre un style CSS par défaut au chargement de la page (sans javascript donc) en display:none;

et s'il y a des changement, de ne cacher que celles que tu auras affiché via javascript et afficher les nouvelles.

sinon tu peux pousser l'idée d'andry.aime plus loin et masquer simplement le container (et sortir les DIV a afficher).

dernière solution, je te conseille jQuery, c'est tellement plus simple, en général j'ajoute une classe commune à toutes les div du même type et je fais :

Code:

---

$('.classACacher').hide().filter('#idDeLaDivAAfficher').show();

---

:ccool:

Jquery c'est simple quand on maitrise. Sinon c'est encore des centaines d'heures à apprendre.

Je ne vais pas mettre de none par defaut car certaine doivent être inline.
Mais je vais y arrivé, et c'est même plus compliqué car certain div doivent reste ouverte ou se réouvrir peu importe et changer leur contenu pour reprendre celui de départ. J'ai commencé, mais j'ai encore du taff.

Je tenterai du JQuery quand j'aurai réussit a faire proprement mes pages.
Si je suis bordélique et que je tente un nouveau langage ...

Merci, bonne journée

Citation:

---

Envoyé par westernz

Si je comprend bien, si la div n'a pas d'id elle restera ouverte ? :)
Si c'est bien ca, c'est encore mieux que ce que j'imaginais !

---

Citation:

---

Envoyé par andry.aime

Code:

---

1 2 3 4 5 6 7

function hideAllDivInContainer(idDivExcept, idConteneur){ var divs = document.getElementById(idConteneur).getElementsByTagName("div"); // recupération des div dans l'éléments ayant l'id idConteneur; for (i = 0; i< divs.length; i++){ // parcourir les div de l'élement if (divs[i].id != idDivExcept) // tester si ce n'est le div à laisser visible divs[i].style.display="none"; //cacher si c'est le cas } }

---

---

Citation:

---

Envoyé par westernz

Jquery c'est simple quand on maitrise. Sinon c'est encore des centaines d'heures à apprendre.

---

jQuery c'est extrèmement simple tout ton problème se résoud en la ligne que je t'ai donné :

Code:

---

$('.classACacher').hide().filter('#idDeLaDivAAfficher').show();

---

$() => jquery
si tu tape une chaine précédée d'un "point" (.) ça précise tous les éléments d'une "class" (attribut html)
.hide() => cacher (implicitement display:none; )
.filter() => rechercher dans l'ensemble en cours
si tu tapes une chaine précédée d'un "dièse" (#) ça signifie que tu précise le nom d'un id (attribut html).
.show() => afficher (rétablissement du dernier display)

Citation:

---

Envoyé par westernz

Je ne vais pas mettre de none par defaut car certaine doivent être inline.
Mais je vais y arrivé, et c'est même plus compliqué car certain div doivent reste ouverte ou se réouvrir peu importe et changer leur contenu pour reprendre celui de départ. J'ai commencé, mais j'ai encore du taff.

---

Si la majorité de tes éléments doivent être cachés, c'est pourtant la meilleure solution, autant du point de vue des performance que de l'esthétique, voir un site se charger et puis voir plein d'élément disparaître, ça fait très sale, je préfère voir l'inverse, un site qui fait apparaître des éléments.

niveau pratique, tu initialise tout à diplay inline et tu remplaces la majorité par des display none, tu te rend bien compte que l'inverse est bien meilleur, initialiser tout à display none et n'en modifier que qqs-uns en inline.

Citation:

---

Envoyé par westernz

Je tenterai du JQuery quand j'aurai réussit a faire proprement mes pages.
Si je suis bordélique et que je tente un nouveau langage ...

---

Là je ne peux que te donner raison et t'encourager de continuer dans cette voie, il est important de bien maîtriser un langage "pur" avant de vouloir utiliser des librairies. ;)

Avec une bonne explication c'est de suit de plus simple.
Mais je tente d'abord de finir au propre ma version actuelle.

Merci à tous. Ca marche un peu même si je sature vite. Et c'était plus complexe que prévu. Mais je devrais finir par y arrivé.

Bonne journée