[AJAX] Autocompletion différente selon le champ

Bonsoir !

J'utilise depuis quelque temps l'autocompletion ci-dessous :
http://dcabasson.developpez.com/arti...ion-pas-a-pas/

Actuellement je l'utilise pour un seul champ.
Maintenant je voudrais l'utiliser pour un deuxième champ qui se trouve dans le meme formulaire que le premier mais en vain.


J'ai dupliqué les deux fichiers autocomplete.js et autocompletion_option.php en changeant leur nom.

J'ai modifié le nom de la fonction qui est appelé dans dans mon code (que j'ai également modifié dans mon autocomplete_a.js

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript" src="autocomplete.js"></script> <script type="text/javascript" src="autocomplete_a.js"></script>   <script type="text/javascript"> window.onload = function(){initAutoComplete(document.getElementById('rdv_rapide'), document.getElementById('champ-texte'),document.getElementById('bouton-submit'))}; </script>   <script type="text/javascript"> window.onload = function(){initAutoComplete_a(document.getElementById('rdv_rapide'), document.getElementById('champ_a'),document.getElementById('bouton-submit'))}; </script>

---

Mais cela ne fonctionne pas. Le champ qui doit etre auto complété par autocomplete_a.js est complété par autocomplete.js. Et le premier champ n'affiche rien.

J'ai essayé de rangé mes 2 fichiers d'autocompletion dans un autre dossier mais ca ne change rien.

Quel méthode dois-je appliquer s'il vous plait ?

Dupliquer les fichiers javascript ne résoudra rien, bien au contraire. Il faut simplement déclarer une autre autocomplétion sur un champ différent.

Sans connaitre le code, je dirais

Code:

---

1 2 3 4 5 6 7

<script type="text/javascript"> window.onload = function() { initAutoComplete(document.getElementById('rdv_rapide'),document.getElementById('champ-texte'),document.getElementById('bouton-submit')); initAutoComplete(document.getElementById('rdv_rapide'),document.getElementById('champ-texte2'),document.getElementById('bouton-submit')); }; </script>

---

PS: Dans ton code, tu déclares un premier gestionnaire sur window.onload, puis un second. Le second va écraser le premier donc pour multipier les actions, il ne faut pas déclarer plusieurs window.onload, mais multiplier les traitements dans la fonction associé à un seul window.onload.

a d'accord.. ^^
En tout cas ce ne fonctionne pas quand même :s En faite si j'ai dupliqué c'est parce que les options ne sont pas les mêmes.

J'ai essayé :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type="text/javascript" src="autocomplete.js"></script> <script type="text/javascript" src="auto_animal/autocomplete.js"></script> <script type="text/javascript"> window.onload = function() { initAutoComplete(document.getElementById('rdv_rapide'), document.getElementById('champ-texte'),document.getElementById('bouton-submit')); initAutoComplete_a(document.getElementById('rdv_rapide'), document.getElementById('champ_a'),document.getElementById('bouton-submit'))   }; </script>

---

en vain.

Salut,

Code:

---

initAutoComplete_a(...)

---

Tu as une fonction initAutoComplete_a ???

Oui j'en ai une. Le fichier que j'ai dupliqué justement, j'ai changé le nom de la fonction

Bonjour,

Je me permet de relancer ce topic car j'ai le même problème.

J'ai plusieurs champs texte dans mon formulaire sur lesquels j'aimerais appliquer mon autocomplétion.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<tr> <td>Patient :</td> <td><input type="text" name="nom_patient" id="nom_patient"></td> </tr> <tr> <td>A :</td> <td><input type="text" name="nom_destinaire" id="nom_destinataire" autocomplete="off"></td> </tr> <tr> <td>Cc :</td> <td><input type="text" name="nom_destinaire_copie" id="nom_destinataire_copie" autocomplete="off"></td> </tr>

---

Les champs nom_destinaire et nom_destinaire_copie utilisent le même options.php et nom_patient un autre.

J'ai déjà voulu essayer avec seulement les "nom_destinaire" comme ceci (vu plus haut):

Code:

---

1 2 3 4

window.onload = function (){ initAutoComplete(document.getElementById('form_courrier'),document.getElementById('nom_destinataire')) initAutoComplete(document.getElementById('form_courrier'),document.getElementById('nom_destinataire_copie')) };

---

Mais l'autocomplétion ne s'applique qu'au deuxième champs.

J'ai également entendu parler de addEventListener que j'ai essayé d'appliquer mais cela n'a pas résolu mon problème.

Avez-vous une idée?

Merci pour vos réponses.

Mélanie

Depuis ce message, je n'ai toujours pas trouvé de solution.

J'ai par exemple essayé d'appeler les fonction sur le onClick des input, mais j'ai bien l'impression que cela pose le même problème.

Si vous avez des solutions à me proposer, n'hésitez pas.

Merci.

Mélanie

Bonjour,

Le script qui est à l'origine de ce thread est donné à titre didactique sur le site. Il n'est pas prévu pour fonctionner sur plusieurs champs textes.
Je t'encourage donc à t'inspirer du script pour l'adapter à tes besoins ou à utiliser des librairies (type jquery, prototype+scriptaculous...) offrant des packages prêts à l'emploi et documentés.

D'accord, merci pour ta réponse.