Paramètres : Ajax.Autocompleter(id du champ, id de l'element HTML à remplir, url, {options})
Rôle : Créé un champ d'autocomplétion qui communique avec le serveur web via AJAX
Retourne : objet Ajax.Autocompleter
Note :
Options paramName:'chaîne' Nom de la variable envoyée dans la requête. Par défaut, il s'agit de l'attribut 'name' du champ. frequency:décimal Fréquence de raffraichissement. minChars:1 (entier) Nombre de caractères minimum avant de lancer la requête. indicator:element Affiche l'element dès que la requête est lancée. Il sera masqué une fois que sa réponse reçue. Ça permet d'afficher une animation de chargement. udpateElement:fonction(item) Fonction appelée lors d'un clic sur un élément de la liste. La fonction prend en paramètre l'élément cliqué (<li>) afterUpdateElement:'chaîne' Fonction appelée après un clic sur un élément de la liste, une fois que l'élément est ajouté dans le champ.
Allez en bas de page, et cliquez sur "Tester".
Puis, saisissez dans le champ a lettre "y" ou "f".
function tester()
{
new Ajax.Autocompleter("monChamp", "monDiv", "fluxAutocompletion01.php");
}
<?
if (substr($_REQUEST['motCle'],0,1) == "y")
{
?>
<ul>
<li>yoda</li>
<li>youssef</li>
<li>yodel</li>
</ul>
<?
}
else if (substr($_REQUEST['motCle'],0,1) == "f")
{
?>
<ul>
<li>fabien</li>
<li>fabrice</li>
<li>françois</li>
</ul>
<?
}
?>
<? $sql = "SELECT * FROM client WHERE nom LIKE '".$_REQUEST['motCle']."%'"; ?>