Triggered @mention Autocomplete like Facebook, Twitter and Google+

Question

I have been trying to make something like Facebook @tagged Friend name add in text area. I have been using jquery ui auto-complete to do the job , it's working fine except that I want some symbol such as @ or ~ to start the tag, I can't figure it out how. Anyone has ideas ? I'm using it for multiple tag of friends just like Facebook.

Answer 1

I wrote a plugin to accomplish this:

http://www.hawkee.com/snippet/9391/

$('#inputbox').triggeredAutocomplete({
    hidden: '#hidden_inputbox',
    source: "/search.php",
    trigger: "@" 
});

Answer 2

You can use a bootstrap plugin library that I wrote. It works on ContentEditable divs: http://sandglaz.github.com/bootstrap-tagautocomplete/

Answer 3

Here's another one (triggered by a starting character like @) http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html

Answer 4

THIS MAY BE USEFUL a sample one., : http://jsfiddle.net/suneeshtr/6ymLD/1/ also check :http://www.hawkee.com/snippet/9391/