[AJAX] Ajax - une autocomplétion pas à pas

Version imprimable

28/11/2007, 14h29
ploxien

[AJAX] Ajax - une autocomplétion pas à pas

Hello,

J'ai pris l'implémentation dispo ici (http://dcabasson.developpez.com/arti...ion-pas-a-pas/) de cette fonctionalité, qui est super... J'ai cependant un problème... J'ai vu qu'elle est prévue pour un champ qui a une auto-completion. Je voudrais en avoir 2 sur la même page.

Ces deux champs prendraient leurs valeurs à la même place (mêmes valeurs possibles). En fait, c'est pour saisir deux noms de joueurs formants une équipe... Les noms disponibles sont dans un table de ma DB.

Bref, je n'y arrive pas, car si je fais un initAutoComplete au chargement de la page, je ne peux en faire qu'un (que pour un champ)... Et si je le fais dans l'évenement onFocus de mes champs (un appel à initAutoComplete pour chaque champ), ça fonctionne, à la seule exception que la liste des possibilités ne disparait plus lorsque je fais un "tab" pour passer au champ suivant, ce qui n'est pas très éstéthique...
A mon avis, le problème vient du fait que les variables ne sont plus "globales" mais locales au champ, qui n'est plus actif lors de sa perte de focus... Mais pas sûr..

Quelqun a-t-il une idée comment modifier cela? Sachant que je ne suis pas un pro en javascript, j'ai essayé quelques trucs sans succès...

Merci d'avance...

P.S. J'ai posé la question par MP au créateur, mais n'ayant pas encore de réponse je me permet de poster ici... En plus, ça pourra peut-être aider d'autres personnes!

slt,

je viens de survoler le tuto que tu as indiqué en lien...

teste en mettant dans le window.onload :

Code:

1
2
3
4
5
 
window.onload = function(){
     initAutoComplete(document.getElementById('id_du_form'), document.getElementById('id_champ_1'), document.getElementById('id_submit'));
     initAutoComplete(document.getElementById('id_du_form'), document.getElementById('id_champ_2'), document.getElementById('id_submit'));
     }

qu'est-ce que ça donne ??

29/11/2007, 08h23
ploxien

Hello,

J'avais testé ça, mais il n'y en a qu'un qui fonctionnait... Sauf erreur le deuxième... En fait, les variables utilisées sont écrasées par le deuxième appel, il me semble...

En fait, j'ai contourné le problème en magouillant... Lorsqu'un champ prend le focus, je recharge la page en passant en param le champ qui a le focus, ce qui créé le bon appel... Ca fonctionne bien, mais c'est de la magouille... Mais vu que c'est prévu pour tourner en local, ça ne pose pas de problème de performance...

Je suis ouvert à d'autres idées ;)

Merci, A+