[AJAX] Rafraichissement d'une liste en autocomplétion

Bonjour,

J'utilise des zones de texte avec de l'autocomplétion sur une page (PHP + JS).

J'ai 3 zones de texte.
Aucun problème sur ma 1ière zone : tout fonctionne bien
Mais sur ma 2nde et ma 3ième, j'ai le problème suivant :
exemple :
saisi du 1er caractère --> affichage de la liste
saisi du 2nd caractère --> la liste affichée lors de la saisie du 1er caractère reste affichée en arrière plan avec ma nouvelle liste (celle générée lors de la saisie du 2nd caractère).

Que puis-je faire pour éviter celà ?

merçi

salut !

quel sont les différences majeurs entre la première zone de texte et les deux autres ? ou bien est-ce que les deux autres ont une ressemblance quelqueconque ??

Bonjour,

Les zones de textes sont similaires.
La seule différence c'est la page php qui est appellée pour former la liste.
Pour celà j'ai ajouter une variable que je transmet lors de l'appel de la fonction : initAutoComplete.

J'ai utilisé le code du tutorial Ajax - une autocomplétion pas à pas.

hum... donc on peut dire que la zone de texte 1 appel la page toto.php mais que que les zone de texte 2 et 3 appelent la page tata.php...

j'au également utilisé ce tuto pour un projet et je n'ai pas de problèmes... as-tu une différence majeur entre les deux pages php ? il faudrait peut etre un peu préciser ce que tu fais dans les deux pages php pour avoir une idée de la chose...

Mais tu confirme que tu n'a qu'une seul page "server" ? j'enttend par la, la page qui contient le gros js...

oui, j'ai qu'une seule page 'server'
et une page php pour construire la liste des suggestions.

je crois avoir compris d'où viens mon problème :
c l'appel de la fonction initAutoComplete

mon formulaire, en résumé :
2 options
3 champs texte avec des listes en autocomplétion
d'autres champs textes de saisie simple
et des champs div pour l'affichage

pour mon 1er champs texte :
l'appel de la fonction initAutoComplete se fait lors de la sélection d'une option

pour mes 2 autres champs :
j'ai mis l'appel de la fontion sur le onKeyPress, comme ceci
<input type="text" name="code" id="code" onKeyPress="liste_code();">
C'est donc peut-etre de là que viens mon problème :
à chaque saisi d'un caractère, il créé une nouvelle liste.

Pour éviter celà, il faudrai que je change l'endroi où j'appel ma fonction
mais je ne sais pas où la mettre .
Quelqu'un aurait-il une idée ?

merçi de votre aide.

Citation:

---

j'ai mis l'appel de la fontion sur le onKeyPress, comme ceci

---

pas super comme idée. enfin je ne sais pas comment ajax réagis mais a mon avis tu devrai remplacer ton onKeyPress par un onKeyUp ! parce que'avec le key press, peut etre il rentre dans la fonction liste_code(); avant d'avoir setter réellement la valeur de la touche tendis qu'avec le OnKeyUp, on est sur qu'elle est setter !

essaie de faire ce changement

Citation:

---

Envoyé par emilie1t

J'ai utilisé le code du tutorial Ajax - une autocomplétion pas à pas.

---

Ce code est complètement inadapté à plusieurs champs sur une même page. Un jour quand j'aurais le temps, j'essayerai de le porter en composant qui puisse faire ça proprement :)

ha cest bon a savoir sa... moi qui voulais l'intégrer pour une recherche...

J'ai mis l'appel de ma fonction initAutoComplete sur un onKeyUp
ca marche bcp mieux, je n'ai plus de prob :P

je suis arrivée à mes fins même si c pas la solution la plus optimale
je surveillerai donc les évolutions sur l'autocomplétion.

Merçi pour votre aide et pour le tuto qui m'a bien servi.

J'arrive un peu après la bataille :D

C'était juste pour dire que j'avais le même problème, sauf que j'avais eu la bonne idée de mettre initAutoComplete sur le onFocus du champ, ce qui me donnait un comportement étrange (cela dit ca marchait dans la plupart des cas, ce qui était assez énervant !!!)

Donc, problème résolu également, j'en profite pour saluer une fois de plus le superbe travail pour ce tuto ! :mrgreen: