Soucis de variables

Version imprimable

24/08/2011, 13h12
Prof_Matches

Soucis de variables
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:

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
24/08/2011, 13h25
gwinyam

Suggestion :

Citation:

Envoyé par Prof_Matches

Code:

enfant_nbr_i
24/08/2011, 16h29
Prof_Matches

Citation:

Envoyé par gwinyam

Suggestion :

J'ai pas compris ! Sorry.
24/08/2011, 16h33
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.

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:

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);
		}
	}
}

25/08/2011, 12h26
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:

1 2 3 for (i=0;i<10;i++){ alert(window["enfant"+i+"_nom"]) }
25/08/2011, 12h28
Prof_Matches

OK SpaceFrog, je vais jeter un oeil au tableau pour voir comment les y mettre .
Je reviens pour dire quoi .
25/08/2011, 13h02
kdmbella
Citation:
Envoyé par SpaceFrog

soit tu fais une bidouille horrible du genre

Code:

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 :ccool:
25/08/2011, 13h19
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.
25/08/2011, 14h19
Prof_Matches

OK ca fonctionne. Reste à faire quelques réglages mais je vois le principe.
Merci à vous deux.
25/08/2011, 15h04
Watilin

Je m'étonne que personne n'ait encore tiqué sur document.write :mrgreen:
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 !
25/08/2011, 15h31
gwinyam

C'est vrai, faut que j'arrête jQuery de temps en temps, pour revenir aux bases de la manipulation de DOM :mouarf:
25/08/2011, 15h56
Watilin

C'est vrai que jQuery utilise document.write sous le capot :lol:
25/08/2011, 17h56
Bovino

Citation:

Envoyé par Watilin

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

Le pire, c'est que c'est vrai ! :mouarf:
25/08/2011, 17h58
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 ...
28/08/2011, 08h29
Prof_Matches

Citation:

Envoyé par Watilin

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 ?
28/08/2011, 11h23
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.