Aide à la saisie ou input autocomplete
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:
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> |
