Plugin jQuery – gComplete (autocomplétion google API)
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 :
[pastacode lang= »javascript » manual= »%2F%2FSimple%0A%24(%22%23sample001%22).gcomplete()%3B » message= » » highlight= » » provider= »manual »/]
et l’élément qui recevra l’autocomplétion :
[pastacode lang= »markup » manual= »%3Cinput%20type%3D%22text%22%20id%3D%22sample001%22%20name%3D%22sample001%22%20autocomplete%3D%22off%22%20value%3D%22%22%20%2F%3E » message= » » highlight= » » provider= »manual »/]
Autant dire, simple.
Il existe plusieurs options, vous pouvez même créer votre thème et l’intégrer.
[pastacode lang= »javascript » manual= »%2F%2FTheme%0A%24(%22%23sample001%22).gcomplete(%7B%0Astyle%3A%20%22gray%22%2C%0Aeffect%3A%20true%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]
Pour télécharger le plugin gComplete : http://plugins.jquery.com/project/gcomplete
Page de démo : http://blog.xlune.com/2010/02/gcomplete
15 avril 2010
merci
1 septembre 2010
Pour une petite démonstration en ligne de ce plugin :
http://mdormeval44.free.fr/demos/002-autocompletion-avec-jquery.html
21 décembre 2011
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+
21 décembre 2011
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 : https://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.