Discussion :

[Prof_Matches]

Bonjour,

Quand je mets : document.write(enfant_2.nom);
j'ai bien comme réponse la valeur de la variable -> Louis

Mais quand je mets ceci :

Code :

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

1
2
3
4
5
6
7
 
...
for (i=2; i<enfant_nbr +1;i++){
enfant_nbr_i= "enfant" + i + "_nom";
document.write(enfant_nbr_i);
}
...

J'ai comme réponse : enfant2_nom et non la valeur de cette variable !

Une idée de mon erreur ?

Merci d'avance

[gwinyam]

Suggestion :

Code :

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

enfant_nbr_i

[Prof_Matches]

Suggestion :

J'ai pas compris ! Sorry.

[gwinyam]

enfant_nbr_i est une variable à lui tout seul, toi tu espères que le moteur JS te remplacera i par l'identifiant pour te faire enfant_nbr_1 et enfant_nbr_2. Ce qu'il ne fait pas.

[Prof_Matches]

Comment puis-je faire pour créer une boucle et que cette boucle incrémente mes variables ?

les variables sont enfant1_nom, enfant2_nom, ... enfant10_nom.
et je souhaite que cette boucle fasse un document.write avec ces variables en fonction de la variable enfant_nbr qui est utilisée dans la boucle pour définir le nombre de fois qu'elle doit tourner.

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
21
 
var enfant_nbr_i
 
if (enfant_nbr == 0) {
		document.write('<TABLE > <TR> <TD ALIGN=RIGHT WIDTH=90><u> Enfant</u> :  </u></TD>');
			document.write(' <TD ALIGN=LEFT  WIDTH=200> <font color="#FF7600">Aucun de connu.</font></TD> </TR> </TABLE>');
	}
if (enfant_nbr >0) {
	if (enfant_nbr == 1){
		document.write('<TABLE ><TR> <TD ALIGN=RIGHT WIDTH=90><u> Enfant</u> :  </u></TD>');
		document.write(' <TD ALIGN=LEFT  WIDTH=200> <a href=http://www.baurin.net/famille/index.php?/category/' + enfant1_categorie + '>' + enfant1_nom + '</a></TD></TR></TABLE> ')
	}
	else {
		document.write('<TABLE ><TR> <TD ALIGN=RIGHT WIDTH=90><u> Enfants</u> ( ' + enfant_nbr + ' ) :  </u></TD>');
		document.write(' <TD ALIGN=LEFT  WIDTH=200> <a href=http://www.baurin.net/famille/index.php?/category/' + enfant1_categorie + '>' + enfant1_nom + '</a></TD></TR></TABLE> ')
		for (i=2; i<enfant_nbr +1;i++){
		enfant_nbr_i= '"enfant" + i + "_nom"';
			document.write(enfant_nbr_i);
		}
	}
}

[SpaceFrog]

soit de façon propre tu passes par un array pour y coller les noms
soit tu fais une bidouille horrible du genre

Code :

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

1
2
3
for (i=0;i<10;i++){
alert(window["enfant"+i+"_nom"])
}

[Prof_Matches]

OK SpaceFrog, je vais jeter un oeil au tableau pour voir comment les y mettre .
Je reviens pour dire quoi .

[kdmbella]

soit tu fais une bidouille horrible du genre

Code :

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

1
2
3
for (i=0;i<10;i++){
alert(window["enfant"+i+"_nom"])
}

pourquoi tu trouve que c'est une bidouille et plus encore horrible? moi je trouve que cette approche est bien très bonne

[gwinyam]

C'est simple : tu prends des risques de débordement et surtout un seul array global est beaucoup plus propre que x variables globales dont tu ne contrôles pas à 100% le contenu.

[Prof_Matches]

OK ca fonctionne. Reste à faire quelques réglages mais je vois le principe.
Merci à vous deux.

[Watilin]

Je m'étonne que personne n'ait encore tiqué sur document.write
Bon allez je m'y colle : Prof_Matches, document.write c'est du JavaScript des années 90, aujourd'hui on peut manipuler le contenu de sa page sans effets de bord avec les méthodes du DOM. Il est temps de mettre à jour tes connaissances Et si tu viens de l'apprendre sur un site de tutoriaux, oublie ce site et retire-le de tes marque-pages !

[gwinyam]

C'est vrai, faut que j'arrête jQuery de temps en temps, pour revenir aux bases de la manipulation de DOM

[Watilin]

C'est vrai que jQuery utilise document.write sous le capot

[Bovino]

C'est vrai que jQuery utilise document.write sous le capot

Le pire, c'est que c'est vrai !

[SpaceFrog]

quand document.write est utilisé a bon escient avec un open et un close lors de la construction du document il n'est pas destructeur ...

[Prof_Matches]

Prof_Matches, document.write c'est du JavaScript des années 90, aujourd'hui on peut manipuler le contenu de sa page sans effets de bord avec les méthodes du DOM. Il est temps de mettre à jour tes connaissances Et si tu viens de l'apprendre sur un site de tutoriaux, oublie ce site et retire-le de tes marque-pages !

OK, je suis un novice dans Javascript mais je vais jeter un oeil sur les méthodes DOM. Merci de ton avis. Tu connais des sites de références sur DOM ou une simple recherche sur G peut s'avérer utile ?

[Watilin]

Eh bien pour commencer, il y a le présent site Va voir les sections FAQ et Tutoriels.

Sinon y'a w3schools, et quand tu auras besoin de documentations pointues, je te conseille le Mozilla Developer Network (MDN) ou même la spécification sur w3.org : DOM Level 2 Core et DOM Level 2 HTML.

Tout ça est trouvable sur G Bonne lecture !

PS. Pour te donner un point de départ, je dirais qu'il y a 3 méthodes qui méritent vraiment qu'on les connaisse dès le début : getElementById (celle-là je pense que tu la connais déjà), createElement et appendChild.