javascript et auto-recherche listbox

Version imprimable

Bonjour,
Pour rechercher dans une listbox j'ai utilisé ce code:

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
<script type="text/javascript" language="javascript">
 
    function SearchList() {
 
        var l = document.getElementById('<%= ListBox1 %>');
        var tb = document.getElementById('<%= TextBox1 %>');
 
        if (tb.value == "") {
            ClearSelection(l);
        }
        else {
            for (var i = 0; i < l.options.length; i++) {
                if (l.options[i].value.toLowerCase().match(tb.value.toLowerCase())) {
                    l.options[i].selected = true;
                    return false;
                }
                else {
                    ClearSelection(l);
                }
            }
        }
    }
 
    function ClearSelection(lb) {
        lb.selectedIndex = -1;
    }
 
</script>

le code fonctionne bien pour une listbox peupler sans base des données ,mais quand je remplis la listbox à partir d'une table la recherche marche pas .
merci

17/05/2010, 14h48
lutecefalco

C'est pas logique. Le javascript s'exécute côté client donc le fait de remplir ta liste d'une façon ou d'une autre ne devrait pas intervenir
17/05/2010, 15h06
Philippe Vialatte

+1

Citation:

quand je remplis la listbox à partir d'une table la recherche marche pas

quand tu dis "marche pas", ca veut dire quoi, erreur javascript, pas de resultat ?

As-tu essayé de tracer, dans ton script, ce qui ne fonctionne pas ?
17/05/2010, 15h51
pseudo88

Salut,
Quand je peuple la listbox avec les données d'une table la recherche fonctionne pas: le mot cherché (tapé dans le textbox)n'est pas sélectionné dans la liste; j'ai pas de message d'erreur mais je voie pas le résultat de la recherche , j'ai une liste remplie de données sans rien d'autre .
merci

Code:

1 2 var l = document.getElementById('<%= ListBox1 %>'); var tb = document.getElementById('<%= TextBox1 %>');
C'est bizarre ce code, ça retourne quoi
<%= ListBox1 %> ?

:oops:
Code:

1 2 var l = document.getElementById('<%= ListBox1.ClientID %>'); var tb = document.getElementById('<%= TextBox1.ClientID %>');
voilà j'ai trouvé le code ici:
http://geekswithblogs.net/dotNETvinz...avascript.aspx

si tu maitrises pas le code javascript copié-collé, commence par mettre des alert à droite a gauche ;)

en termes de remarques, ce script appelle beaucoup ClearSelection à mon gout, et j'ai un doute sur la syntaxe de match..

essaye qq chose comme :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
   function SearchList() {
 
        var l = document.getElementById('<%= ListBox1 %>');
        var tb = document.getElementById('<%= TextBox1 %>');
 
        ClearSelection(l);
        if (tb.value == "") {
            return false; 
        }
        alert(tb.value);
         for (var i = 0; i < l.options.length; i++) {
        alert(l.options[i].value.toLowerCase());
             if (l.options[i].value.toLowerCase().match(tb.value.toLowerCase())) {
        alert("trouvé !");
                 l.options[i].selected = true;
                 return false;
             }
         }
        alert("pas trouvé !");
     }
 }

J'ai pas le temps de tester, peut-etre demain ;)

Bonjour,
avec le dernier code

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
  <script type="text/javascript">  
          function SearchList()   
           {   
                var l = document.getElementById('<%= ListBox1.ClientID %>');  
               var tb = document.getElementById('<%= TextBox1.ClientID %>');  
 
               ClearSelection(l);  
 
             if (tb.value == "")   
              {  
                  return false;  
              }  
 
              alert(tb.value);  
               for (var i = 0; i < l.options.length; i++) {  
                  alert(l.options[i].value.toLowerCase());  
 
               if (l.options[i].text.toLowerCase().match(tb.value.toLowerCase()))   
                    {  
                    alert("trouvé !");  
                     l.options[i].selected = true;  
                     return false;  
                    }  
               }  
              alert("pas trouvé !");  
        }  
 
       function ClearSelection(lb)   
        {  
            lb.selectedIndex = -1;  
       }  
 
 
     </script>

le problème c'est que le message apparait après la première lettre tapée dans le textbox (le résultat prend en considération la première lettre saisie seulement )si non et je dois cliquer sur ok de message pour taper la deuxième lettre par expemple : si je tape 1 je dois cliquer sur ok pour pouvoir taper 3 et le message sa me donne tous les étudiants dont le numéro commence par 13, je dois cliquer ok pour finir les étudiants ;pour pouvoir taper 5 par exemple

Merci de m'aider.

19/05/2010, 15h12
Philippe Vialatte

Citation:

Envoyé par pseudo88

le problème c'est que le message apparait après la première lettre tapée dans le textbox (le résultat prend en considération la première lettre saisie seulement )

Normal, c'est pour que tu puisses debugger ton script ;)

Combien de fois tu as le message "trouvé" qui apparait ?
19/05/2010, 15h54
pseudo88

Bonjour Philippe Vialatte :)

voilà j'ai supprimé les messages alert et sa marche ,j'ai un autre problème j'arrive pas a garder le ID recherché selectionné et commencer une autre recherche malgré que j'ai SelectionMode="Multiple"our la listbox.
merci
19/05/2010, 16h24
lutecefalco

C'est pas l'appel à la fonction ClearSelection le coupable?
20/05/2010, 10h40
pseudo88

Bonjour,
J'ai mal expliqué mon problème,je cherche a sélectionner plusieurs lignes de la listbox : rechercher un ID et le garder sélectionné,puis rechercher un autre .......
Merci.