Discussion :

[Bigoodheart]

Bonjour,

Besoin d'aide SVP !
je voudrai mettre en place une auto-complétion pour une liste ,c'est à dire chaque fois que je tape quelque chose dans mon champs de saisie la file se met à jour suivant le mot clé de la recherche !

pour cela ,j'utilise Ajax.Updater du framewoek prototype :

Code :

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

1
2
3
4
5
6
function completion(info)
{	
 
var info = $('info').value;
	new Ajax.Updater('list', 'query?info=' + info);
}

et je l'appelle de la sorte :

Code :

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

<input type="text" id="selpop" onKeyup="completion('selpop');">

Mais ça marche pas ! quelqu'un pourrait m'aider svp ?

[gwyohm]

Bonjour,
Est-ce que tu peux détailler le ça marche pas ?
L'événement n'est pas intercepté ?
La requete Ajax ne demarre pas ?
La requete Ajax plante ?
Le retour ne se fait pas ?
...

Sinon, il existe en complément à prototype le framework scriptaculous qui intègre un composant autocomplete. Dans ton cas, ca pourrait faire:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript" src="prototype.js"></script>
<!-- on peut ne charger que la librairie controls.js -->
<script type="text/javascript" src="scriptaculous.js?load=controls"></script>
<script type="text/javascript">
Event.observe(document, "dom:loaded", function() {
  new Ajax.Autocompleter("selpop", "list", "query", {paramName: "info"});
});
</script>
<!--
plein de code html
-->
<input type="text" id="selpop"/>

[Bigoodheart]

ça marche pas ,ça veut dire que la liste ne se rechargeait pas ...
ça fonctionne,c'est bon ,il fallait passer la valeur du champs de saisie en paramétre directement "this.value" au lieu de récupérer l'id de l'input et de récupérer la valeur aprés dans la fonction javascript :

Code :

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

<input type="text" id="selpop" onKeyup="completion(this.value);">

Code :

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

1
2
3
4
function completion(info)
{	
 new Ajax.Updater('list', 'query?info=' + info);
}

Bonne soirée à toutes et à tous