[AutoCompl�tion] Drop down list
Discussion: [AutoCompl�tion] Drop down list
27/10/2005, 14h39
tintin31000
Inscrit enseptembre 2005Messages48D�tails du profilInformations forums :Inscription : septembre 2005Messages : 48Points : 40Points40
Je voudrais cr�er une liste d�roulante dynamique ....
C'est � dire une liste qui puisse me servir aussi de zone de saisie.
Si dans ma liste j'ai france, italie, ...
Si l'utilisateur tape Fr il faut que �a lui s�lectionne France mais s'il tape Es il faut que rien ne s'affiche mais qu'il puisse taper le texte qu'il d�sire.
De plus, il doit pouvoir d�rouler la iste comme une drop down list classique.
Est ce possible ? Si oui avez vous des exemples ou des tutoriaux ?
mod�r� par denisC : changement du titre
D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Analyste ProgrammeurInscrit enmars 2002Messages34 525D�tails du profilInformations personnelles :Sexe : �ge : 64Localisation : Royaume-UniInformations professionnelles :Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Analyste ProgrammeurSecteur : IndustrieInformations forums :Inscription : mars 2002Messages : 34 525Points : 56 447Points56 447
ya pas �a dans la faq !?
cf Google Suggest pour un exemple de champ texte avec autocompl�tion (avec une requete vers le serveur, ce donttt tu n'as pas forc�ment beoins).
Pour une discussion en anglais sur comment faire �a, voir Google Suggest Dissected.
Il n'y a malheuresement pas encore de tuto sur cette question.
Non je n'ai pas trouv� ....
Ca serait bienvenu, mais je ne pense pas que ce soit le cas....
27/10/2005, 15h01
J'ai regard� l'autocomplete mais le truc c'est qu'au d�part je n'ai pas la liste enti�re tu vois ?
Je vais faire autrement ... en mettant une zone texte avec un bouton � c�t� (une fl�che vers le bas) . Ces 2 �l�ments repr�senteront la liste d�roulante ...
27/10/2005, 15h14
Envoy� par tintin31000
C'est bien un champ texte, tu peux mettre ce que tu veux dans la liste. Simplement, quand tu commences � saisir quelque choses, il te propose ce qui commence pareil (sur Google Suggest, il y a tout, mais c'est pas forc�).
27/10/2005, 15h16
123456789101112<script type="text/javascript">
function position()
{ for (var n=0;n<pays.length;n++)
{ if (pays[n].text.toLowerCase()>=rech.value.toLowerCase())
{ pays.selectedIndex=n;
n=pays.length;  }  }  }
function sel(){
pays.selectedIndex=13;
alert(pays.itemNumber)
27/10/2005, 15h32
les exemples pullules en ce moment � ce sujet l�. Il te suffit de faire une recherche dans google sur AJAX (ou xmlhttprequest) et tu auras le principe.
Diff�rents exemples : http://javatwist.imingo.net/suggest.php
http://www.codeproject.com/aspnet/GoogleSuggestDictionary.asp
Tu dois r�cr�er ta liste "artificiellement". Une zone texte qui au onkeyup lance une requ�te sql avec une clause like et au clique sur le bouton tu lance une requ�te qui s�lectionne toutes les occurences de la liste.
Le pricipe AJAX n'a d'int�r�t que si ta liste est �norme. Si c'est pour 150 pays autant tout faire cot� client en chargeant dans un tableau javascript toute la liste au chargement de la page.
J'ai contourn� mon probl�me .... �a pourra peut etre servir � certain.
Au d�part j'affiche une zone de texte avec un bouton � c�t�. Le clic sur ce bouton active la liste d�roulante et d�sactive la zone de texte. (Ce n'est pas exactement ce que je voulais au d�part mais bon ...). J'ai fait �a avec un div et une fonction javascript.
Seul probl�me ... (et oui il en faut un ) ...
Lorsque l'utilisateur saisit une valeur (dans la zone de texte ou la liste d�roulante) le r�sultat retourne une liste d�roulante ... J'aimerai savoir s'il est possible de connaitre le div qui est actif ? (c a dire soit la zone de texte soit la liste d�roulante)
28/10/2005, 14h54
Inscrit ennovembre 2004Messages2 179D�tails du profilInformations personnelles :�ge : 31Localisation : France, Ille et Vilaine (Bretagne)Informations forums :Inscription : novembre 2004Messages : 2 179Points : 1 933Points1 933