Rechercher dans un DropDownlist

Version imprimable

20/10/2005, 17h31
steelidol

Rechercher dans un DropDownlist

Bonjour,

J'ai un contôle custom du genre Dropdownlist. Je veux ajouter une fonctionnalité sur l'événement OnBlur(). Je veux que lorsque que cet événement s'active je puisse déterminé si le contenue d'un textbox se retrouve ou pas dans la liste du dropdownlist. si c'est le cas il faut que l'élément soit sélectionner sinon je ne sélectionne rien.
En fait, je ne sais pas vraiment comment m'y prendre :oops: Je sais comment lire la valeur du textbox et aussi celle du dropdown list mais je sais pas comment je peux rechercher dans le dropdown car je ne connais pas le nombre d'item de la liste.

Quelqu'un à une idée!
Merci!!
20/10/2005, 17h43
Mr N.

J'ai pas tout compris :?
C'est quoi un dropdowtruc ?
Tu peux nous mettre un bout de ton code plize ?
20/10/2005, 18h07
denisC

Citation:

Envoyé par Mr N.

C'est quoi un dropdowtruc ?

Une liste déroulante, style le menu Demarrer de Windows.

Citation:

Envoyé par steelidol

J'ai un contôle custom du genre Dropdownlist. Je veux ajouter une fonctionnalité

C'est toujours très délicat de modifier un code existant. Tu es sur que ce que tu cherches merite bien un tel investissement. Si c'est le cas, il faut que tu nous parles un peu plus de solution que tu utilises :)
20/10/2005, 18h21
Mr N.

Citation:

Envoyé par denisC

Citation:

Envoyé par Mr N.

C'est quoi un dropdowtruc ?

Une liste déroulante, style le menu Demarrer de Windows.

C'est un <select> ? Ca marche sous Firefox ?

Sinon un peu de code serait bienvenu !

ok désolé je vais être un peu plus précis.

Un dropDowlist c'est en fait un composant très semblable au SELECT que l'on retrouve en HTML ou un comme un ComboBox pour ceux qui connaisse VB. La différence c'est que le Dropdownlist est un composant que l'on retrouvre en ASP.NET.
Mon composant est pratiquement identique au "Power Pack Combobox control" de cette page:
http://www.opinionatedgeek.com/DotNE.../combobox.aspx

En ce moment j'ai une classe qui me permet de créer un "DropDownlist" que j'ai modifié afin de permettre une fonctionnalité autocomplete. Par Autocomplete je veux dire que si l'usager clique dans le DropDownlist et qu'il entre une valeur alors la liste se positionne à différent Index selon ce que l'usager écrit. Tout ça fonctionne très bien sauf que pour avoir un postBack sur la page il faut absolument soit faire la touche ENTER ou encore clique un élément de la liste. Si l'usager entre par exemple"A" dans le dropdownlist(le dropdownlist se positionne sur une valeur commençant par A) puis fair TAB au clavier il n'y a pas de postback sur la page.
Je veux donc ajouter un postback lorsque le focus est sur le dropdownlist et qu'alors on fait la touche TAB.

J'ai donc ajouté sur le composant un événement OnBlur(). Mon problème c'est qu'avant de faire un postBack je dois m'assurer que ce que l'usager à entré est bien dans la liste. En effet, si dans la liste j'ai "pomme" et "Orange" et que l'usager entre "banane" je ne veux pas faire un postback car Banane n'est pas dans la liste.
Il faut donc que dans la Fonction JS que je vais attacher à l'événement onBlur il y est une recherche qui me permettre de savoir si l'élément entré est dan la liste.

En ce moment j'ai fait qu ça:
Code:

1 2 3 4 5 6 7 8 9 function combobox_textbox_onBlur(comboboxID, e) { var combobox_textbox = document.getElementById(comboboxID + ''); var combobox_dropdown = document.getElementById(comboboxID + '_dropdown'); __doPostBack('',''); }
:oops: C'est pas grand chose je sais....En fait ça me permet d'obtenir l'objet pour le DropDownlist et aussi celui pour la zone ou le texte est entré. Maintenant j'aimerais pourvoir disons parcourir les élément qui sont dans la liste du DropDownlist pour faire une recherche mais je ne sais pas comment faire.

J'espère que je suis un peu plus claire :oops:

21/10/2005, 08h17
denisC

Citation:

Envoyé par steelidol

Un dropDowlist c'est en fait un composant très semblable au SELECT que l'on retrouve en HTML ou un comme un ComboBox pour ceux qui connaisse VB.

A bah, j'appelle ça une combobox d'habitude....
Un dropdown, c'est un menu déroulant, cf: http://www.alistapart.com/articles/dropdowns/. Enfin, le vocabulaire ... :wink:

Citation:

Envoyé par steelidol

Je veux donc ajouter un postback lorsque le focus est sur le dropdownlist et qu'alors on fait la touche TAB.

Qu'est ce que tu entends par postbakc? Si c'est la validation du formulaire, il me semble que c'est une très mauvaise idée de le faire su la touche TAB. En effet, cette touche est celle qui permet habituellement de passer d'un élément du formulaire à un autre, et jamais de le valider.
Si c'est jsute selectionner l'élement, ça marche dans l'exemple que tu nous a donné. Donc, en conclusion je vois pas le problème :roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function parcourslist(){
   lg=document.getElementById('liste').option.length;
   trouve=false;
   i=0;
   while (i<lg && !trouve){
      if(document.getElementById('liste').option[i].value==this.value){
        trouve=true;
      }
      i++;
   }
   if(!trouve){
     alert('l\'élément n\'est pas dans la liste');
   }
}
...
<input name="moninput" onblur="parcours();">
<select name="liste" id="liste">
...
</select>

c'est pas un truc comme ça que tu cherches ?
PS j'ai mis value pour la comparaison mais on peut mettre text

Citation:
Envoyé par Pymm
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function parcourslist(){ lg=document.getElementById('liste').option.length; trouve=false; i=0; while (i<lg && !trouve){ if(document.getElementById('liste').option[i].value==this.value){ trouve=true; } i++; } if(!trouve){ alert('l\'élément n\'est pas dans la liste'); } } ... <input name="moninput" onblur="parcours();"> <select name="liste" id="liste"> ... </select>
c'est pas un truc comme ça que tu cherches ?
PS j'ai mis value pour la comparaison mais on peut mettre text
C'est exactement ce que je cherchais!!! Merci!!!

denisC: Ouais je sais que ce n'est pas une bonne idée pour le TAB mais c'est la demande que j'ai eu...