ecriture intuitive en javascript

Version imprimable

05/07/2007, 15h04
mitch46000

ecriture intuitive en javascript

bonjour

j'ai une liste deroulante avec N valeurs
j'aimerai que lorsque la personne tape le debut du mot au clavier selectionne directement cette valeur

j'ai regardé sur le web apprement on utilise :
-onkeypress
-onKeyDown
-onKeyUp

mais j 'ai du mal avec les fonctions javascripts :aie:
donc si quelqu'un pourrai m'aiguiller se serait super sympa

merci d'avance
05/07/2007, 15h05
SpaceFrog

fasi une recherche sur le forum avec autocompletion ...
05/07/2007, 15h17
mitch46000

ok je vais voir de suite
en tout cas j'espere trouver mon bonheur sinon le mot "autocompletion " connaissez pas:aie:
05/07/2007, 15h57
mitch46000

et en javascript pur et dur il n y a pas moyen???
car en ajax je suis un noobs lol:aie:
dans le cas ou il n y a que AJAX bé je ferai en AJAX
05/07/2007, 16h00
SpaceFrog

il faut bien que javascript aille chercher le mot complet quelquepart...
si tu pense que charger un eliste complète de mot à chaque page ne risque pas de ralentir le chargement de la page (genre une centaine de mots), alors oui tu peux te passer d'ajax ...
05/07/2007, 16h06
mitch46000

ah bé c'est mort car j ai au moins 500 mots si se n'est pas 1000 donc je vais devoir automatiquement passer par AJAX

bon bé ya plus qu'a...!:yaisse2:

Moi j'ai fait un truc comme ça et ça a l'air de plutôt bien répondre à tes besoins !
J'ai a peu prés 2000 élements dans ma liste et ça roule plutôt bien. :yaisse2:

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
 
function FiltreOnKeyUp()
{
 
	if (document.getElementById("Filtre").value != null && document.getElementById("Filtre").value != '')
	{
 
 
			var filtre = document.getElementById("Filtre").value.toLowerCase();			
			var len = filtre.length;			
			var LstUser = document.getElementById("LstUtilisateurs");
			var j = 0;
 
			while (j < LstUser.options.length && LstUser.options[j].text.substring(0,len).toLowerCase() != filtre )
			{				
				j++;
			}				
			if (j < LstUser.options.length )
			{
				LstUser.options[j].selected = true;
			}
 
	}	
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<body class="MenuGauche">
<span class="LabelSurFondNoir">Rechercher&nbsp;&nbsp;</span><input name="Filtre" id="Filtre" onKeyUp="FiltreOnKeyUp()"></input>
<br>
<br>
<select id="LstUtilisateurs" name="LstUtilisateurs"  style="width:90%" size="30" onChange="LstUtilisateursOnChange()">
<%
	<... Tu remplis ton select avec les paires value/Affichage...>
 
%>
 
 
 
</select>

06/07/2007, 14h38
mitch46000

ok merci lapanne c'est gentil
je vais essayer d'adopter tout çà