Discussion :

[n3x1n²]

Bonjour,

Pour la suppression un par un des éléments passés en groupe, j'ai utilisé un tableau associatif. Tout fonctionne mais j'ai un problème de syntaxe.
Voici un bout de mon code :

ligne 74, error : itemCollection[count] is undefined

Code javascript :

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
86
87
88
89
 
 
function displayItems(idLeftItem,nbItem, array){
		/*
		 * nbItem : size of array
		 * 
		 * Role : browse an array
		 * 
		 */
 
		var table = '<div id="'+idLeftItem+'"><table id="table'+idLeftItem+'">';
		$('#rightList').append(table);
 
 
 
		for(var i=0; i<nbItem; i++){
			$('#table'+idLeftItem).append('<tr id="item'+array[i]['id']+idLeftItem+'"><th id="item'+idLeftItem+'" style="text-align:left; background:#eee; width:80%;">'+array[i]['label']+'</th><th style="width:20%; text-align:right; background:#eee;"><input type="button" value="X" id="del'+array[i]['id']+idLeftItem+'"/></th></tr>');
		}
 
 
		var endTable = '</table></div>';
		$('#rightList').append(endTable);
 
	}	//end_displayItem
 
 
 
function addPackage() {	
 
		//the selected item of leftList
		var $leftItem = $('#leftList option:selected');
 
		//id of the left item
		var idLeftItem = $leftItem.val();
 
		//toString of the object left item
		var textLeftItem = $leftItem.text();
 
 
		//nb d'option selected
		var nbLeftItem = $leftItem.size();
 
 
		//generated code 
		var generateRight_1 = '<div id="'+idLeftItem+'"><table><tr style="text-align:center;"><th colspan="5" style="text-align:left; background:#eee;"><b>'+textLeftItem+'</b></th><th colspan="2" style="text-align:right; background:#eee;"><input type="button" value="X" id="del'+idLeftItem+'"/></th></tr><tr height="10"><td></td></tr><tr><td><b>OS :</b></td><td>Win <input type="checkbox" id="checkWin" checked="checked"/></td><td>Lin <input type="checkbox" id="checkLin"/></td><td>Mac <input type="checkbox" id="checkMac"/></td><td>And <input type="checkbox" id="checkWin"/></td><td>iOS <input type="checkbox" id="checkIOS"/></td></tr><tr height="40"><td></td></tr></table></div>';
 
 
		var count = 0;
 
		var itemCollection = new Array();
		//if leftItem has an id
		if(idLeftItem){
 
			//if size of selected items > 1 
			if(nbLeftItem > 1){
 
				//store each item selected in the collection
				$leftItem.each(function(){					
					var item = { "id" : $(this).val(), "label" : $(this).text() };					
					itemCollection.push(item);
				});
 
 
				displayItems(idLeftItem,nbLeftItem,itemCollection);
 
 
			}//end_if
}
 
 
 
 
		//Remove a right item IN A BLOCK
		$('#del'+itemCollection[count]['id']+idLeftItem).bind("click", function(){
 
			alert("2");
 
			//add to the left list
			var generateLeft_2 = '<option value="'+idLeftItem+'">'+itemCollection[count]+'</option>' ;
 
			$('#leftList').append(generateLeft_2);
 
 
 
			//remove from the right list
			$('tr#'+itemCollection[count]+idLeftItem).remove();
 
 
		});

Merci d'avance.

[Bovino]

Les tableaux associatifs n'existent pas en JavaScript. Ceux que l'on utilise sont de type Object et ne possèdent pas de propriété length.

[SpaceFrog]

en l'occurrence un dirait plutot un json

=> boucle for(elt in jsonObj)

[n3x1n²]

Merci Bovino et SpaceFrog, vous êtes toujours les premiers à me répondre...

Donc je ne pourrais pas remplacer par quelques choses d'autres ce

Code :

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

itemCollection[count]['id']

???

[n3x1n²]

Les tableaux associatifs n'existent pas en JavaScript. Ceux que l'on utilise sont de type Object et ne possèdent pas de propriété length.

Je suis d'accord pour "length". Mais :

http://www.analyste-programmeur.com/...eau-associatif

[Bovino]

Je suis d'accord pour "length". Mais :

http://www.analyste-programmeur.com/...eau-associatif

Je ne suis pas responsable des erreurs publiées par d'autres

Tout ce que je peux affirmer, c'est qu'en JavaScript, les objets de type Array sont uniquement numériques et possèdent des propriétés qui lui sont propres : length, concat, join, etc.
Si tu crées un objet avec uniquement des propriétés, alors, tu te retrouves avec du Canada Dry de tableau : ça ressemble à un tableau associatif, mais ça ne possède aucune des propriétés et méthodes spécifiques à un tableau. C'est et ça reste un objet !
Pour t'en convaincre :

Code :

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

1
2
3
4
var myFalseTab = [];    // Définition d'un Array
myFalseTab.toto = 'test';    // Définition d'une propriété => transtypage en Object
myFalseTab.tata = 'Autre propriété';
alert(myFalseTab.concat();    // On pourrait comme ça vérifier chaque méthode d'Array...

[n3x1n²]

Oui, d'accord mais on s'éloigne du sujet.

J'ai essayé des milliers de combinaison j'arrive pas à résoudre mon problème.

Pour rentrer dans ma fonction de "delete" il faut que je mette quelque chose à la place de

Code :

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

itemCollection[count]['id']

qui me va récupérer l'id qui est dans

Code :

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

var item={..}

[Loceka]

Je ne suis pas du tout familier avec jQuery mais je pense que ton problème vient du fait que ton tableau n'est pas rempli lorsque tu exécutes ce code :

Code :

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

1
2
3
4
5
var itemCollection = new Array();
$leftItem.each(function(){					
	var item = { "id" : $(this).val(), "label" : $(this).text() };					
	itemCollection.push(item);
});

Il doit y avoir un problème visibilité de "itemCollection" étant donné que t'es dans une fonction.
Essaye de définir une variable globale plutôt ou bien de mettre ton tableau dans une propriété d'un objet existant :

Code :

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

window.itemCollection = new Array();

Parce que d'après ce que je vois, ton appel itemCollection[count]['id'] me paraît bon.

Mais comme j'ai dit, je suis une bille en jQuery, si ça se trouve ça ne vient pas du tout de là.