Autocomplete.js
A jQuery plugin for search hints
Autocomplete.js is a jQuery plugin that improve your search with hints.
Getting started
Make sure jQuery is included in your page, than include autocomplete.js and autocomplete.css inside the head tag.
<head> <link rel="stylesheet" type="text/css" href="css/autocomplete.min.css"/> <script src="js/autocomplete.min.js"></script> </head>At least fill hints and call the plugin on selected HTML element
To add an Animotion programmatically:
var words = ['boat', 'dog', 'drink', 'elephant', 'fruit', 'London']; $(document).ready(function(){ $('#yourElement').autocomplete({ hints: words }); });Options
hints: words array for displaying hints.placeholder: search input placeholder (default: 'Search').width: input text width.height: input text height.showButton: display search button (default: true).buttonText: button text (default: 'Search').onSubmit: function handler called on input submit.onBlur: function handler called on input losing focus.height: input text height.
Demo
To view a simple demo click here
License
Autocomplete.js is licensed under the MIT license. (http://opensource.org/licenses/MIT)
Contributing
Pull requests and feedbacks are welcome here!