Zepto Autocomplete Plugin
Autocomplete plugin for ZeptoJS
Zepto Autocomplete plugin is a micro js js library (few KBs) that allows ZeptoJS users to easily plugin 'autocomplete' functionality to their text boxes, by adding a class and initializing the plugin on page load.
Datasource for the autocomplete can be a local javascript Array objecty or a remote GET request returning a JSON array. The text limit is customizable and all values can be passed on initialization. Styling for the results, can be customized by importing 3 styles.
Examples
HTML element style requirements
# HTML file containing the required DOM elements. # `autocomplete-input` and `autocomplete-result` are the 2 expected styles for input and output respectively. <input type="text" class="autocomplete-input"><div class="autocomplete-result"></div>
Autocompleting using a local datastore (JS Array)
# Initialize in javascript on page load with options. # Below example is for "Local Datastore" $(
Autocompleting using a remote datastore (JSON Array response from a URL)
# Below example is for "Remote Datastore", URL $(
- Example folder contains a complete working html,js and css.
Dependencies
There are no hard dependencies. Running an npm install
will install the libraries required.
Running Tests
You will need PhantomJS. grunt
command will run all the tests and build the distribution.
License
Copyright (c) 2014 http://www.stayzilla.com Licensed under the MIT license.