Autocomplete : repérer les doublons

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.

Code:

---

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.

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

Code:

---

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:

---

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.

Code:

---

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

---

?

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

Code:

---

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:

---

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.

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/

Avant d'essayer ta proposition, j'ai eu l'idée d'utiliser la méthode sort () :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

var tabvals=new Array() $("[id^='contrib_pos']").each(function(){ tabvals.push($(this).val())   tabvals.sort()}) console.log (tabvals);   var fullLength=tabvals.length var uniqueLength=$.unique(tabvals).length   if(fullLength != uniqueLength) {   alert ("ce contributeur est déjà sélectionné"); $('#log div:last').remove();     }

---

Le nouveau lien : http://jsbin.com/osayuk/8/edit

Il s'avère que le tri ainsi opéré permet a priori de détecter les doublons jusqu'alors non détectés... Mon intuition (de débutant) était la bonne. Cette solution vous inspire-t-elle un commentaire ? Merci.