Discussion :

[Seta-san]

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 :

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

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 ?

[DoubleU]

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 :

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

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.

[Seta-san]

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 :

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

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.

[Bovino]

Salut,

Code :

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

initAutoComplete_a(...)

Tu as une fonction initAutoComplete_a ???

[Seta-san]

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

[Melex]

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 :

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

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 :

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

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