Liste d'element dans une div

Bonjour à tous,

Je viens à vous car je voudrias faire quelque chose mais je ne sait pas si cela est possible.

Je voudrais parcourir l'ensemble des div contenu dans une div et cela de facon automatique, j'ai testé cela qui ne marche pas.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var objListe=document.getElementById(this.id); for(var i = 0 , l = objListe.length ; i < l ; i++){ if(objListe[i].type=="div" && objListe[i].id.match(idS)){ // Action par action if (action=="affiche"){ document.getElementById(objListe[i].id).style.display="none"; } if (action=="cache"){ document.getElementById(objListe[i].id).style.display="block"; } }   }

---

J'ai une erreur lors du parcours des éléments qui me dit que l'élement n'est pas défini (l'alerte me raméne "undefined")


Y'a t-il possiblité de trouver toutes les div contenus dans une autre div (de la même facon que les formulaires).

Merci d'avance

Il est tout à fait possible de récupérer les div d'un autre div.

Code:

---

1 2 3 4 5 6

var monDiv = document.getElementById(idMonDiv); var listeDivEnfants = monDiv.getElementsByTagName("DIV"); // Récupère la liste des div enfants for (var i=0;i<listeDivEnfants.length;i++) { // Action sur chaque div... }

---

Ensuite, par rapport à tes erreurs, les variables "action" et "ids" ne sont déclarées nulle part dans le code que tu as collé, mais je ne pense pas que ce soit la source de ton pb.
Par contre, je pense que "objListe[i].type" remonte une erreur, si tu veux tester le type de "noeud", utilise l'attribut "tagName".

De plus, ta ligne "document.getElementById(objListe[i].id)" dans ta boucle est inutile, tu peux accéder directement à l'élément par "objListe[i]", de cette façon :

Code:

---

objListe[i].style.display="none"; // ou block

---

A+

Autant pour moi, la fonction compléte est la suivante:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// Fonction permettant de faire une action sur un groupe d'objet contenu dans un autre objet // Paramétres // typeS => Type des objets secondaire // idS => Id des objets secondaires (partie distinctive) // action => Action à réaliser this.actionGroupe = function(typeS, idS, action){ var objListe=document.getElementById(this.id); for(var i = 0 , l = objListe.length ; i < l ; i++){ if(objListe[i].type==typeS && objListe[i].id.match(idS)){ // Action par action if (action=="affiche"){ document.getElementById(objListe[i].id).style.display="none"; } if (action=="cache"){ document.getElementById(objListe[i].id).style.display="block"; } }   }

---

Je vais essayer ta solution

Salut.

Il semble que tu commettes une grosse erreur conceptuelle :

Code:

---

1 2	var objListe=document.getElementById(this.id); for(var i = 0 , l = objListe.length ; i < l ; i++)

---

dans la mesure où un id doit être unique dans la page, getElementById renvoie un objet de type HTMLElement, rechercher sa propriété length ne peut t'amener qu'à une erreur !

BINGO, ca marche.

Je suis un peu confus alors que la solution parraissait si simple (je ne connaissait pas le "getElementsByTagName")

Je vous remercie grandement de votre aide, je met la solution si ca peut servir à quelqu'un

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

this.actionGroupe = function(typeS, idS, action){ var objListe=document.getElementById(this.id); var listeDivEnf = objListe.getElementsByTagName(typeS); for(i = 0; i<listeDivEnf.length ; i++){ if(listeDivEnf[i].id.match(idS)){ // Action par action if (action=="affiche"){ listeDivEnf[i].style.display="none"; } if (action=="cache"){ listeDivEnf[i].style.display="block"; } }   }

---

Encore merci à vous 2 pour votre aide :ccool::ccool:

P.S : Pour le dernier post, j'ai essayé comme pour la gestion des éléments dans un formulaire en fait.