Twitter-style autocomplete in textarea

javascript jquery html ajax twitter
Martin Wiboe picture Martin Wiboe · May 27, 2011 · Viewed 49.1k times · Source

I am looking for a Javascript autocomplete implementation which includes the following:

  • Can be used in a HTML textarea
  • Allows for typing regular text without invoking autocomplete
  • Detects the @ character and starts autocomplete when it is typed
  • Loads list of options through AJAX

I believe that this is similar to what Twitter is doing when tagging in a tweet, but I can't find a nice, reusable implementation.
A solution with jQuery would be perfect.

Thanks.

Answer

Jernej Novak picture Jernej Novak · Mar 4, 2014

Another great library which solves this problem At.js (deprecated)

Source

Demo

They are now suggesting the Tribute library

https://github.com/zurb/tribute

Example

Related questions

How to send FormData objects with Ajax-requests in jQuery?

The XMLHttpRequest Level 2 standard (still a working draft) defines the FormData interface. This interface enables appending File objects to XHR-requests (Ajax-requests). Btw, this is a new feature - in the past, the "hidden-iframe-trick" was used (read about that in my …

Read More
Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
Set timeout for ajax (jQuery)

$.ajax({ url: "test.html", error: function(){ //do something }, success: function(){ //do something } }); Sometimes success function works good, sometimes not. How do I set timeout for this ajax request? In example, 3 seconds, if time is out, then show an error. The …

Read More