Discussion :

[dragonfly]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[BaBeuH]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

[dragonfly]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Salut.

Il semble que tu commettes une grosse erreur conceptuelle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[dragonfly]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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