Encore un petit plugin jQuery, mais qui apporte encore une fois beaucoup de chose avec peu de manipulations. Je vous présente brièvement gComplete, un plugin qui va vous permettre d’utiliser la complétion de l’API Google avec jQuery et en quelques lignes.
Voici un exemple de code le plus simple disponible avec ce plugin et qui donne le résultat du dessus :
//Simple
$("#sample001").gcomplete();
$("#sample001").gcomplete();
et l’élément qui recevra l’autocomplétion :
<input type="text" id="sample001" name="sample001" autocomplete="off" value="" />
Autant dire, simple.
Il existe plusieurs options, vous pouvez même créer votre thème et l’intégrer.
//Theme
$("#sample001").gcomplete({
style: "gray",
effect: true
});
$("#sample001").gcomplete({
style: "gray",
effect: true
});
Pour télécharger le plugin gComplete : http://plugins.jquery.com/project/gcomplete
Page de démo : http://blog.xlune.com/2010/02/gcomplete
merci
[...] Je vous en parle ici Un plugin qui va vous permettre d’utiliser la complétion de l’API Google avec jQuery et en [...]
Pour une petite démonstration en ligne de ce plugin :
http://mdormeval44.free.fr/demos/002-autocompletion-avec-jquery.html
Bonjour
cela fonctionnait très bien.
Désormais, j’ai une erreur 400 à chaque appel ajax dans mon input (lu sur la console).
Ils ont changé qqc chez google pour que ça ne fonctionne plus ??
je sèche.
a+
Bonjour Rodblochon,
En effet, j’ai l’impression que ce plugin ne fonctionne plus.
Je tacherai de me renseigner prochainement pour voir ce qui a changé.
En attendant, il y a ce plugin d’autosuggestion : http://blog.ludikreation.com/2011/11/22/jquery-autosuggest-plugin-boite-de-texte-avec-suggestions-ajax/
Il n’utilise pas l’API de google, mais c’est certainement adaptable.