oakmac / autocompletejs

AutoCompleteJS Widget

AutoCompleteJS

AutoCompleteJS is a JavaScript widget you can use to implement autocomplete on your website or web application.

Read more on the website:

• Docs
• Examples
• Download

autocompletejs's Issues

should not add <li> elements to the DOM unless necessary

for large lists, should only inject as many DOM elements as view-able (+ some buffer) for the dropdown

similar to how SlickGrid works

add cacheAjaxLength

add tokenGroupsDeletable on initial config

default is true

add ajaxOptions property on lists that will extend the jquery ajax options object

investigate improving the matching algorithm with Aho-Corasick

http://jalada.co.uk/2009/07/31/javascript-aho-corasick-string-search-algorithm.html

docs: need to add types to the method arguments

Add some animations

Add some animation when token groups are added / removed

use CSS3 animations

Should match results take precedence over Group sort?

add license page to site

finish the homepage

how to deal with right-arrow behavior?

Right now it's being treated as a "regular key" and resetting the option highlight to the top of the list. This is probably not what we want.

At the same time, we don't want to disable how it works in the input element, so we can't just kill the event.

add Footer to the site

create publish script for autocompletejs.com

or just figure out how you want that to work

Example - custom showErrors function

Example - custom matchOptions function

add Token Object on the docs page

Write the "how it works" document

add grey text ahead of their keystrokes in the input field

Document all the shorthand methods.

user should be able to override the default list arrow with custom HTML

Example - AJAX with XML

allow children on the List Object to be a function

add Datepicker

add README.md

Example - AJAX with custom header

will need to get the jQuery ajax extend thing working

Need methods to edit the Config Object

.setConfig()
.getConfig()
.config() shorthand

matchProperties should be an array to specify matching order

that chain from one to the next, removing matched options along the way

1. front-matching strings
2. any character matching
3. user-defined list of properties to match against in option.value

also should allow the user to turn off smart matching completely for AJAX calls

text input wrapping issue

not sure if this fixable / worth fixing, but wanted to record it nonetheless

Example - AJAX with preProcess function

AJAX typing buffer

also add it on initialConfig

add support for touch events

add clearAJAXCache option

where should this go? on the initial config? on every list?

need a second setValue example

one that sets a complex structure, not shorthand

add AJAX spinner icon

Add event for new token groups

onChange fires for every new token, but this isn't useful if I only care about complete token groups. An event that fires when a token group is complete would be useful because that's when I would want to fire off an AJAX request.

add removeTokenGroupHTML on the main config

Create Errors List

Need to document all of the error codes so that people can find them in a search

Provide common fixes and reasons for the error

Example - AJAX using POST

Put onChange on the initial config

and allow them to change the value of the widget before it gets updated

add "addInput" method

that allows the user to simulate typing characters on the input field

could make a sweet demo showing functionality

also need a "selectHighlightedOption" and "moveHighlightUp / Down" methods

allow "dummy" options that are not selectable

used for custom display purposes

if there is only one list, you shouldn't have to specify initialList

Should catch this in the initial config validation.

pressing left arrow on empty input should highlight the last option

"use once" options

need to put the config on the Option Object as well as the List Object

Example - ajaxOpts.url using a function

fix tab behavior

http://www.reddit.com/r/javascript/comments/18x6nz/introducing_autocompletejs_v010/

add placeholderHTML option on the initial config

What to do about sorting options?

Need to figure out how we want to deal with sorting options.

They're stored in an array, so they have order.

They get displayed based on the order of the matchOptions functions, but the order in which those functions find them is the order they're stored in the array.

There's also the addOption method, which pushes a new option onto the end of the array. Maybe an optional third argument to that function could be a sort function for the list once the option has been added.

Maybe I should provide a general purpose "map" method for options so the user can pass in a function that gets applied to all options in a list?

Also an idea to punt on this issue and make the user sort their own options. If they want to add an option and then sort they need to update the whole list.

re-factor CSS

Need to get the basic CSS to be not dependent on bootstrap defaults.

Also think I should make the base CSS pure CSS and not depend on LESS.

add onFocus and onBlur events