The new TextboxList is here

It’s been some time since TextboxList got some attention. It is undoubtedly one of my most popular JavaScript projects, along with the famous Fancy Menu (MorphList) and its slideshow sibling, BarackSlideshow.

TextboxList (demo) has been rewritten from scratch, and it’s more solid than ever. The first time around, elegance was not one of the goals. I focused on releasing the first open source script that reproduced the Facebook’s tokenizer.

Let’s see the new changes:

TextboxList

  • Compatible with MooTools 1.2.x
  • New options, such as addOnEnter, which adds boxes upon pressing enter (useful for tags or categories widgets).
  • More events, which gives the developer more power to extend it.
  • Each element is now identified by an id, a plain value and a HTML value.
  • Use of control, alt, meta keys no longer interfere with the elements keyboard navigation.
  • Bugs with text selection fixed.
  • Improved API, even more extensible.
  • Plugins support

Textboxlist.Autocomplete

This is the most important official plugin. It also has been rewritten, and packs new features:

  • Flexible. It does not depend on a specific data source (XHR, Json). Instead, the developer supplies the data which can come from anywhere.
  • Binary search for maximum performance
  • Simpler CSS with comments for non-experienced developers.

Without further ado, head to the project page to check out the demos and downloads.

Displaying only a subset of the comments. Click here to display all comments.

  1. Marwan Roushdy 7 months ago
    Reply

    This is incredibly useful definitely going to buy this however found some bugs that i tried to fix with no success. Would really appreciate your help.

    1- if the autosuggest plugin is used, both the Addonblur and addKeys stop working
    2- If i center the texboxlist the autosuggest starts from the center and is not aligned with the text box.

    Thanks!!

    • Marwan Roushdy 7 months ago

      I have fixed the centering problem however i still cant get the add keys and Addonblur to work when autosuggest is on

    • Jeremy Mikola 4 months ago

      Regarding (1), I noticed the same problem and found that the autocomplete plugin was explicitly disabling addKeys. Presumably, this is because it uses keys to navigate the autocomplete drop-down (and must access arrows and enter). I’m hesitant to disable it, but the lines you’ll want to look at is at the start of the init() function in the autocomplete module.