Combinaison tableau associatif + tableau indicé

**sara5454** · 11/01/2013, 20h15

salut,
j'ai un problème de combiné 2 tableau ( associatif + indicé )
mon petit programme n'exécute pas et je ne sais pas ou est le problème exactement
merci de m'aidez

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<script type="text/javascript">
 
var data_form=new Array()
{
 data_form[0]={"text":{"label":"NCIN","name":"ZNCIN"}};
 data_form[1]={"text":{"label":"nom et prenom","name":"ZNP"}};
 data_form[2]={"select":{"label":"departement","name":"zdep","choix",0:{"name":"TI","value":"technologie de l informatique"},1:{"name":"GM","value":"Genie mecanique"},2:{"name":"GE","value":"Genie electrique"}]}};
 data_form[3]={"boutton":{"name":"bvalider","value":"valider"}};
}
dessiner_formulaire=function()
{
 
	for(i=0;i<data_form.length;i++)
	{
		for(var indice in data_form[i] )
		{
			if(indice.indexOf("text",0)==0)
			{
				document.write(data_form[indice]["label"]+" : ");
				document.write("<input type='text' name='"+data_form[indice]["name"]+"'><br>");
			}
			else{
				if(indice.indexOf("select",0)==0)
				{
 
					for (i=0;i<data_form.indice.length;i++)
					{
					document.write(data_form[indice][i]["label"]+"<select> <option>data_form[2].choix[TI] <option>data_form[2].choix[GM] <option>data_form[2].choix[GE]</select>");
					}
				}
				else{
					if(indice.indexOf("boutton",0)==0)
					{
					document.write("<br> <input type='button' name='"+data_form.indice["name"]+"' value='"+data_form[indice]["value"]+"'><br>");
					}
				}
			}
		}
	}
}
 
</script>
</head>
<body >
<form name="f">
<script language="javascript">
dessiner_formulaire();
</script>
</form>
 
</body>
</html>

**sekaijin** · 11/01/2013, 21h37

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
var data_form=[
  {"text": 
    {"label":"NCIN",
      "name":"ZNCIN"
    }
  },
  {"text":
    {"label":"nom et prenom",
      "name":"ZNP"
    }
  },
  {"select":
    {"label":"departement",
      "name":"zdep",
      "choix", // Ici choix n'a pas de valeur la syntaxe est KO
      0: // la clef de la hashmap est une string donc ce sera "0"
       {"name":"TI",
         "value":"technologie de l informatique"
       },
      1: // la clef de la hashmap est une string donc ce sera "1"
       {"name":"GM",
         "value":"Genie mecanique"
       },
      2: // la clef de la hashmap est une string donc ce sera "2"
       {"name":"GE",
         "value":"Genie electrique"
       }
] // <= Il sort d'où celui là ??
    }
  },
  {"boutton":
    {"name":"bvalider",
      "value":"valider"
    }
  }
];

j'imagine que tu voulais faire quelque chose comme

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var data_form=[
  {"text": 
    {"label":"NCIN",
      "name":"ZNCIN"
    }
  },
  {"text":
    {"label":"nom et prenom",
      "name":"ZNP"
    }
  },
  {"select":
    {"label":"departement",
      "name":"zdep",
      "choix":
        [
          // indice 0
           {"name":"TI",
             "value":"technologie de l informatique"
           },
          // indice 1
           {"name":"GM",
             "value":"Genie mecanique"
           },
          // indice 2
           {"name":"GE",
             "value":"Genie electrique"
           }
        ] // fin du tableau "choix"
    }
  },
  {"boutton":
    {"name":"bvalider",
      "value":"valider"
    }
  }
];

Un tableau est un tableau une HashMap est une HashMap
Javascript est un langage typé il ne faut pas tout mélanger
ecrire var a = {0: "test"}; revient à écrire

Code :

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

1
2
var a = new Object();
a["0"]="test";

C'est une HashMap ce n'est pas un tableau

enfin lit les tuto sur le site
document.write() est à mettre à la poubelle

A+JYT

**sara5454** · 11/01/2013, 23h52

merci pour votre aide
j'ai essaye de corriger des fautes mais le console d'erreur de firefox m'affiche que ("choix" is not defiened ) et dans l'affichage sur le web il ya juste 2 case zone texte et il n y a pas la liste de roulante je croix que la faute est dans la ligne num 61 mais je n'arrive pas à la voir :/

voici le code à nouveau

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html> 
<head> 
<script type="text/javascript"> 
 
var data_form=[ 
{"text": 
{"label":"NCIN", 
"name":"ZNCIN" 
} 
}, 
{"text": 
{"label":"nom et prenom", 
"name":"ZNP" 
} 
}, 
{"select": 
{"label":"departement", 
"name":"zdep", 
"choix": 
[ 
// indice 0 
{"name":"TI", 
"value":"technologie de l informatique" 
}, 
// indice 1 
{"name":"GM", 
"value":"Genie mecanique" 
}, 
// indice 2 
{"name":"GE", 
"value":"Genie electrique" 
} 
] // fin du tableau "choix" 
} 
}, 
{"boutton": 
{"name":"bvalider", 
"value":"valider" 
} 
} 
]; 
 
dessiner_formulaire=function() 
{ 
 
for(i=0;i<data_form.length;i++) 
{ 
for(var indice in data_form[i] ) 
{ 
if(indice.indexOf("text",0)==0) 
{ 
document.write(data_form[i][indice]["label"]+" : "); 
document.write("<input type='text' name='"+data_form[i][indice]["name"]+"'><br>");
} 
else{ 
if(indice.indexOf("select",0)==0) 
{ 
 
for (j=0;j<data_form[i][indice][choix].length;j++) 
{ 
document.write(data_form[i][indice]["label"]+"<select> <option>data_form[i].select.choix[j]</option> <option>data_form[i].select.choix[j] </option><option>data_form[i].select.choix[j]</option></select>"); 
} 
} 
else{ 
if(indice.indexOf("boutton",0)==0) 
{ 
document.write("<br> <input type='button' name='"+data_form.indice["name"]+"' value='"+data_form[indice]["value"]+"'><br>"); 
} 
} 
} 
} 
} 
} 
 
</script> 
</head> 
<body > 
<form name="f"> 
<script language="javascript"> 
document.write(dessiner_formulaire()); 
</script> 
</form> 
 
</body> 
</html>

**NoSmoking** · 12/01/2013, 08h48

Bonjour,

console d'erreur de firefox m'affiche que ("choix" is not defiened )

il est clair que dans ton code choix n'est JAMAIS initialisé.

Envoyé par sekaijin

document.write() est à mettre à la poubelle

**sekaijin** · 12/01/2013, 12h20

Ligne 59 tu utilise une variable choix qui n'est jamais définie data_form[i][indice][choix].length;j++A+JYT

**Bovino** · 12/01/2013, 14h38

Pour bien comprendre les choses.

Imaginons que data_form[i][indice] soit un objet.
Si dans cet objet tu as une entrée 'choix', tu peux y faire référence de deux façons distinctes :

Code :

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

1
2
data_form[i][indice].choix;
data_form[i][indice]['choix'];

En revanche, si tu cherches à faire référence à la valeur d'une variable, la seule notation possible (en admettant que tu ais une entrée 'rang' dans ton objet) est :

Code :

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

1
2
var choix = 'rang';
data_form[i][indice][choix];

donc ici, l'entrée désignée (sans quote) correspondra à celle de l'objet ayant pour valeur la valeur de la variable choix.

Combinaison tableau associatif + tableau indicé

JavaScript

Vue hybride

Discussions similaires

Partager

Partager