Aide à la saisie ou input autocomplete [Fait]

**dante33** · 01/12/2008, 12h36

Bonjour, j'aimerais faire une aide à la saisie ou un autocomplete appelez le comme vous voulez.

J'arrive à bien récupérer toutes les valeurs mais maintenant mon problème c'est de les afficher pourriez-vous me donner un coup de main.

Merci d'avance.

Voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
</head>
<body> 	
	<script language="Javascript">
		var tableau = new Array("toto","tata","titi","tutu","tintin","toutou","tintamarre");
		//le tableau est rempli en javascript. Il contient toute les valeurs.
 
		function trierValeur(p_mot)
		{
			var listeAAfficher=document.getElementById('liste');
			var leNouveauTableau = new Array();
			var indexElementNouveauTableau;
			indexElementNouveauTableau=0;
 
			//on parcours l'ancien tableau	
			for (indexElementAncienTableau = 0; indexElementAncienTableau<=tableau.length-1; indexElementAncienTableau++)
			{	
				// si le 
				// la fonction maVariable.indexOf renvoie -1 pour false et 0 pour true
				if (tableau[indexElementAncienTableau].indexOf(p_mot,0) != -1)
				{
					// on rajoute le mot dans le tableau
					leNouveauTableau[indexElementNouveauTableau] = tableau[indexElementAncienTableau];
					// on incrémente le tableau sinon ça écrase l'ancienne valeur
					indexElementNouveauTableau+=1;
				}
			}	
			//si le tableau contient cinq réponses et au moins une
			if (leNouveauTableau.length <= 5 && leNouveauTableau.length != 0)
			{
				//on affiche les résultats
			}
			window.alert(leNouveauTableau);			
		}
	</script>
	<input type="text" name="valeurRentree" id="valeurRentree" onkeyup="trierValeur(this.value)" />
	<ul id="liste" style="display:none">
		<li></li>
	</ul>
</body>
</html>