Autocompletion sur plusieur champs texte

Version imprimable

13/07/2006, 13h22
Tempotpo

Autocompletion sur plusieur champs texte

bonjour

mon soucis est simple je voudrai effectuer une autocompletion pour deux de mes champs je l'ai fait à l'aide de tutorial pour l'un et je voudrai l'adapter en passant un tableau de field mais j'ai des soucis au niveau de l'adaptation des handler mouseout keyUp... et aussi sur l'initialisation des différentes variables

en soirée je transmettrai mon code si quelqu'un pouvait m'aider j'apprecirai et d'ici la si quelqu'un a quelque chose dans le style ou des idée je suis preneur

merci pour votre aide d'avance

Bonjour,

Moi j'ai ça pour la mise à jour dynamique d'un SELECT au remplissage d'un champ texte INPUT:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
function SearchList(htmlselect,htmltext,caseSensitive){ 
        this.select=htmlselect; 
        this.text=htmltext; 		
        this.allOptions=new Array(); 
        for(i=0;i<this.select.options.length;i++){ 
            this.allOptions[i]=this.select.options[i]; 
        } 
        this.caseSensitive=false; 
        if(caseSensitive) 
            this.caseSensitive=true;         
    } 
 
    /* **********************
    *    Vide le contenu de la liste 
    *****************************/     
    SearchList.prototype.viderListe=function(){ 
        var length=this.select.options.length; 
        for(i=length-1;i>=0;i--){ 
            this.select.options[i]=null; 
        } 
    } 
 
    /* *********************************************
    *    Restore le contenu de la liste avec les valeurs initiales 
    ******************************************************/ 
    SearchList.prototype.restoreListe=function(){ 
        for(i=0;i<this.select.options.length;i++){ 
            this.select.options[i]=null; 
        } 
        for(i=0;i<this.allOptions.length;i++){ 
            this.select.options[i]=this.allOptions[i]; 
        } 
 
    } 
 
    /* **************************************
    *    Met à jour le contenu de la liste en fonction 
    *    du texte saisi dans le champ 
    ******************************************/ 
    SearchList.prototype.MAJList=function(){ 
        var search=this.text.value; 
        if(search=="" || search.length < 1){ 
            this.restoreListe(); 
            return; 
        } 
        else{ 
            this.viderListe(); 
            for(i=0;i<this.allOptions.length;i++){ 
                if(!this.caseSensitive){ 
                    if(this.allOptions[i].text.toUpperCase().indexOf(search.toUpperCase())==0) 
                        this.select.options[this.select.options.length]=this.allOptions[i]; 
                } 
                else{ 
                    if(this.allOptions[i].text.indexOf(search)==0) 
                        this.select.options[this.select.options.length]=this.allOptions[i]; 
                } 
            } 
        } 
 
 
    }

Code:

var Liste = new SearchList(document.getElementById('p_trait'), document.getElementById('p_search'),false )

Ensuite plus qu'à faire un onKeyUp='Liste.MAJList();'

J'espère avoir répondu un peu à ta question

13/07/2006, 14h39
Tempotpo

je suis pas que l'on parlai de la meme chose

je réexplique en grso j'ai deux champs texte Nom et Prenom et je voudrai que ces deux champs est le systeme d'autoCompletion l'ayant fait pour le Nom en premier avec la methode donné dans le tutorial

la j'ai modifier le code pour qu'il le fasse pour le Nom et le Prenom

mais j'ai un mecanisme qui ne marche pas lorsque je choisi avec la souris la valeur qui m'interesse dans le le div de suggestion il ne cache pas le div
et idem qd je choisi avec les fleche il me diminue la div a la suggestion mais quande je change de champs il garde le div visible

vers ou dans le code je doi regarder car je ne peut pas avant ce soir vous donnez le code complet qui gere les 2 champs

donc si vous aviez des indications

merci
13/07/2006, 18h57
aggyc2g

Citation:

Envoyé par Tempotpo

je suis pas que l'on parlai de la meme chose

je réexplique en grso j'ai deux champs texte Nom et Prenom et je voudrai que ces deux champs est le systeme d'autoCompletion l'ayant fait pour le Nom en premier avec la methode donné dans le tutorial

la j'ai modifier le code pour qu'il le fasse pour le Nom et le Prenom

mais j'ai un mecanisme qui ne marche pas lorsque je choisi avec la souris la valeur qui m'interesse dans le le div de suggestion il ne cache pas le div
et idem qd je choisi avec les fleche il me diminue la div a la suggestion mais quande je change de champs il garde le div visible

Tu as essayé ça:
blurThenGetFocus(this);
et ...
function blurThenGetFocus(afield){
_cursorUpDownPressed=true;
afield.blur();
setTimeout("afield.focus();",10);
return
}
?

Citation:

Envoyé par Tempotpo

merci

Et comment as tu fais pour passer les fields en tableau ?
14/07/2006, 15h20
Tempotpo

ben ouais j'ai fai ce ke tu propose par contre j'ai oublier mon code a mon boulot donc ca va etre dur de le donner

mais g passer un tableau avec le nom des field et je passe l'index du tableau sur le field et bien entendu g rajouté autant de handler que de champs ca marche sauf qu'il cache pa le id apres selection