Discussion :

[almoha]

Bonjour,

J'utilise le code basique de l'autocomplete Jquery UI, combiné avec un code fourni par SpaceFrog permettant de détecter si un item a déjà été rapatrié dans la DIV log (qui affiche les choix sélectionnés). Vous pouvez tester en suivant ce lien :

http://jsbin.com/osayuk/4/edit#javascript,html

Bizarrement, la détection des doublons ne marche pas à tous les coups. Par exemple, si je clique successivement sur les items suivants :

1) item "javascript" => rapatrié dans la DIV log (normal)
2) puis de nouveau sur cet item => un doublon est détecté : l'alert s'affiche (normal)
3) item "java" => rapatrié dans la DIV log (normal)
4) puis de nouveau sur cet item => un doublon est détecté : l'alert s'affiche (normal)
5) item "php" => rapatrié dans la DIV log (normal)
6) item "java" => rapatrié dans la DIV log : anormal car un doublon aurait dû être détecté

Voyez-vous une explication à ce fonctionnement erratique de la fonction anti-doublon ? Merci.

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var tabvals=new Array()
			$("[id^='contrib_pos']").each(function(){
			tabvals.push($(this).val())})
			var fullLength=tabvals.length
			var uniqueLength=$.unique(tabvals).length
 
				if(fullLength != uniqueLength) {
 
				alert ("ce contributeur est déjà sélectionné");
				$('#log div:last').remove();
 
 
				}

tu devrais juste loguer ( console.log ) le contenu de tabvals pour comprendre ce qu'il se passe.

[almoha]

J'ai suivi ton conseil, SpaceFrog, j'ai ajouté un console.log (tabvals) après :

Code :

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

1
2
 
tabvals.push($(this).val())})

nouveau lien : http://jsbin.com/osayuk/5/edit

En faisant les mêmes tests que lors de mon 1er message, voici ce que la console affiche :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
["JavaScript"] // l'item est rapatrié ok
 
["JavaScript", "JavaScript"] // un doublon est détecté : l'alert s'affiche (normal)
 
["JavaScript", "Java"] //l'item est rapatrié ok
 
["JavaScript", "Java", "Java"] // un doublon est détecté : l'alert s'affiche (normal)
 
["JavaScript", "Java", "PHP"] // l'item est rapatrié ok
 
["JavaScript", "Java", "PHP", "Java"]// rapatrié dans la DIV log : anormal car un doublon aurait dû être détecté

Je ne comprends toujours pas pourquoi le doublon n'est pas détecté dans le dernier cas. Une idée ? Merci.

[SpaceFrog]

Code :

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

1
2
var uniqueLength=$.unique(tabvals).length
tabval=$.unique(tabvals)

?

[almoha]

Si j'ai bien compris, j'ai donc ajouté dans le code, la ligne

Code :

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

1
2
 
tabval=$.unique(tabvals)

nouveau lien : http://jsbin.com/osayuk/6/edit

Toujours avec les mêmes tests, voici désormais ce qu'affiche la console :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
["JavaScript"] // l'item est rapatrié ok
 
["JavaScript"] // un doublon est détecté : l'alert s'affiche (normal)
 
["JavaScript", "Java"] //l'item est rapatrié ok
 
["JavaScript", "Java"] // un doublon est détecté : l'alert s'affiche (normal)
 
["JavaScript", "Java", "PHP"] //l'item est rapatrié ok
 
["JavaScript", "PHP", "Java"] // rapatrié dans la DIV log : anormal car un doublon aurait dû être détecté

Le problème de détection subsiste malheureusement ... Une autre idée ? Merci encore.

[SpaceFrog]

ben au lieu d'un test sur le length fait un test inArray()
si la valeur est contenu dans l'array tu pushes pas, si elel en l'est pas tu pushes

http://api.jquery.com/jQuery.inArray/