Discussion :

[tibo894]

Bonjour je souhaiterais savoir si quelqu'un sait comment mettre en place une auto complétion sur un textarea.
Je vais vous expliquez plus en détail ma demande.
Sur mon site web lorsque j'upload un fichier j'ai une zone de texte me permettant de renseigner les tags du fichiers que j'ai uploadé. Dans la zone de texte les différents tags seront séparés par des virgules et j'aimerais que lorsque je rentre les tags dans ma zone de texte qu'il y ai une auto complétion de ma saisi avec les tags que j'aurai rentré précédemment pour d'autres fichiers.
Merci d'avance

[andry.aime]

Salut, voici un tutoriel sur l'autocomplétition:
http://dcabasson.developpez.com/arti...ion-pas-a-pas/

[tibo894]

Merci je viens de parcourir rapidement le tuto que tu ma donné mais il me semble que la méthode qui est indiqué marche juste lorsque l'on tape un seul mot dans une zone de texte et non plusieurs mots séparés par exemple par des virgules dans la même zone de texte. Est ce que cela te semble possible?

[BSans]

Je n'ai pas lu le tuto, mais je suppose qu'il se base sur l'évènement onKeyUp (ou quelque chose comme ça).
Du coup, il suffirait de récupérer le dernier caractère entré, et s'il correspond à ',' (dans ton cas), on relance la méthode de complétion.

en pseudo-code:

Code :

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

1
2
3
4
5
6
7
 
function initCompletion() {
   var lastChar = element.innerHTML.substring(element.innerHTML.length-2,element.innerHTML-1); //pour un textArea, sinon remplacer innerHTML par value
   if (lastChar == ',') {
      reloadCompletion();
   }
}

[tibo894]

Merci BSans c'est une bonne idée je vais essayer d'adapter le tuto avec le script que tu m'as donné. Je te tiens au courant du résultat.
Merci

[BSans]

J'ai oublié de rajouté quelque chose qui peut servir.

Tu pourrais passer à ta méthode d'auto-complétion le début de la chaîne :

Code :

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

1
2
3
4
 
function completion (toComplete) {
    // traitement
}

et donc, dans la méthode appelée par l'évènement onKeyUp tu concatène :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function initCompletion() {
   var lastChar = element.innerHTML.substring(element.innerHTML.length-2,element.innerHTML-1); //pour un textArea, sinon remplacer innerHTML par value
   if (lastChar == ',') {
      reloadCompletion();
   } else {
      chaine += lastChar;
      completion(chaine);
    }
}

[tibo894]

Merci ta méthode marche niquel