Skip navigation

jquery facebook autocomplete

  • February 18, 2008 – 11:56 am
  • Posted in jQuery

simple “jquery facebook autocomplete”
you can checkout from code.google at:
https://wharsojo-js.googlecode.com/svn/jquery.autocompletefb/trunk
or
http://wharsojo-js.googlecode.com/files/jquery.autocompletefb-0.1.1.zip

screen-shoot
jquery_acfb_sc_shoot
jquery_acfb_sc_shoot2

60 Comments

  1. Thats pretty coool.

    Can u tell me the license for that if im going to use it in my website.

    Naveen.

  2. same as jQuery License… 🙂

  3. do you have a demo?

  4. Any api document or demo for it? It’s pretty cool. I saw one which is implemented based on proto. However, I prefer jquery. I will keep watching this:-)

  5. Demos are in the zip! =) Works pretty well, except in IE where the ‘value 1’ part of the demo stuffs up on page load, but thats not a problem with the JS itself. =)

  6. Great port wharsojo. But I noticed a bug with the input field not receiving focus too frequently.

    I made modifications to correct this and even added a new functionality: the ability to delete selected items using the backspace key.

    Check it out here http://williamukoh.com/downloads/modified.jquery.autocomplete.js

    • Hi,

      I have tried your modified script but it doesnt seem to work. Should I do anything else than just past the script content into the already present autocomplete.js file?

  7. Wow cool.

  8. *William

    thx William :).

  9. Nice plugin, very exciting to see the facebook style popping up all over the place, i think it’s the most intuitive easy to use design yet.

    Found one issue, if you start the match only matches on one side for example, Jack matches Jackson (along with many others), but kson matches Kalida? kinda weird. I think if someone were typing they’d want to match any part of a name or phrase, this would also allow use with account based searches, you could search by either account number or account name or contact name, very nice though.

  10. Did you test it? Its full of bugs.

  11. Thank you.

  12. Another bug you can input same name more than once.

  13. This plugin is very useful but it seems to have a major flaw. It seems I can only put suggestions into the input field what if I want to put something in there that is not a suggestion ? Also I would like to know how I can have use ajax with with this plug in so that I could just call a url that will send back a javascript array or json ?

  14. one more stuff is i am able to put the same entry twice

  15. Fantastic very nice plugin.
    Can you help me, If i want autocomplete e-mail id instead of city.when user enter e-mail it automaticaaly autocomplete but at that time i also want its id/password will you please guide how it possible
    I am waiting for your reply

  16. Hi

    I’m working on incorporating this into another OLE opensource (SAKAI) project. I’m in the process of adding methods and skinning hooks to your plugin and was wondering if this could be incorporated into SVN?

  17. I am wondering how to go about displaying a name in the list, but storing an ID for that name in an input field. I am wanting to display a username, but when the form gets submitted I’d like to have the id being sent, rather than having to look up the ID for every user in the list. Is this possible?

  18. It’s awesome! I really love it. U do help me a lot.

    Wish u could be better and better

  19. just one thing: good job 🙂

  20. Hi i was wondering if i want to choose from Mysql database directly how could i change this code, Thank you

  21. I am also facing problem same as Ryan. Can you help us to use this control as dropdown, like displayed keys separate than returning values. e.g. showing David but return 0122??

  22. I have the same problem that Ryan and Mubashar

    For example:
    Moises Narvaez = moises-narvaez
    Ruben Dario = ruben-dario64
    Jose Miguel = jose-miguel04

    any idea ?

  23. The simple solution to the problems with storing the ids is to add a hidden id to every item in the list. Then extract this from the entries on postback.

  24. I need to hook up to an event when an item is selected or deleted.
    I have tried to do as in the documentation but it wont work.
    Anyone?

  25. Another bug: when the dropdown appears for the name, and I select the name using TAB key, the item is chosen but the textbox no longer receives focus. It works perfectly if I mouse click the menu item (instead of tab).

    I am using IE 7.

  26. try this, its newer: http://www.emposha.com/category/facebook

  27. Can this support in the Liferay portal ?

  28. Have you seen this new AutoComplete like Facebook Search new Jquery Plugin .. i think it is great
    http://blog.halwsa.net/2010/jquery-autocomplete-search/

  29. Hi

    very nice addon! Thx a lot for your great work.

    I made a custom version, where you can provide object as data. Keys must be text + url ( can be changed in code, or could be made as option )

    var data = [ {text:’First Last’, url:’f.last@mail.com’}, {text:’First2 Last2′, url: ‘f2.last2@mail.com’} ];

    $(“ul.first”).autoCompletefb({urlLookup:data});

    If you want, just send me an email and i’ll send you my version

    • Oh i forgot

      it uses key ‘text’ as label, and ‘url’ as result =) so you can have diffrent labels and values in background ( as original jquery addon provides )

  30. I recently made an jQuery adaptation of the mootools’ textboxlist plugin, named SmartTextBox, which is another facebook like input widget, with many features. Documentation, demo and downloads are availables from this page : http://wayofspark.com/projects/smarttextbox/

  31. Stubmled here in search of Facebook autocomplete for cities (via FB api).
    Actually, the title should sounds like “JQuery Facebook-styled autocomplete”…

  32. Exactly what truly encouraged you to create “jquery facebook
    autocomplete wharsojo”? I personallycertainly enjoyed reading the post!
    Thanks ,Darryl

  33. “jquery facebook autocomplete wharsojo” in reality
    got me simply hooked on ur web-site! Iwill wind
    up being returning much more frequently. With thanks ,Rosella

  34. This valuable posting, “jquery facebook autocomplete
    wharsojo” demonstrates that you truly know just what exactly you’re communicating about! I thoroughly agree. Thanks -Katie

  35. does it prevent duplicate?

  36. Valuable information. Fortunate me I discovered your site accidentally, and I am stunned
    why this coincidence did not came about in advance! I bookmarked it.

  37. Its like you read my thoughts! You appear to grasp
    a lot about this, such as you wrote the book in it or something.
    I believe that you simply could do with a few p.
    c. to drive the message house a bit, but instead of that, this is
    great blog. A great read. I’ll definitely be back.

  38. excellent put up, very informative. I’m wondering why
    the opposite specialists of this sector do not notice this.
    You should continue your writing. I am confident, you have a great
    readers’ base already!

  39. I truly appreciate this post. I’ve been looking all over for this! Thank goodness I found it on Bing. You’ve made my day! Thanks again! kbkcaegdedeg

  40. This kind of game gives a real experience of building a farm and planting trees. abgdcdgeeffa

  41. What’s up it’s me, I am also visiting this site daily, this website is actually pleasant and the visitors are really sharing fastidious thoughts. cdggkbkebbek

  42. I enjoy what you guys are usually up too. This kind of clever work and exposure!
    Keep up the awesome works guys I’ve added you guys to my personal blogroll.

  43. Nice post. I used to be checking continuously this
    weblog and I’m impressed! Extremely helpful info specifically the closing
    section 🙂 I care for such information much. I used to be looking for this
    particular info for a very lengthy time. Thank you and best of luck.

  44. Tremendous issues here. I’m very happy to peer your
    article. Thanks so much and I’m having a look ahead to contact you.

    Will you please drop me a mail?

  45. Hi there it’s me, I am also visiting this website regularly, this
    website is actually nice and the users are truly sharing nice thoughts.

  46. I was recommended this website by my cousin. I’m not sure whether this post
    is written by him as no one else know such detailed about my problem.
    You’re incredible! Thanks!

  47. Terrific article, I enjoyed the digitalfernsehen schweiz section

  48. Terrific Article

  49. If some one needs expert view about running a blog then i propose him/her to pay a quick visit this webpage, Keep up
    the pleasant work.

  50. Hi, brilliant suggestion and an exciting article, it’s going to be exciting if this is still the case
    in a few years time

  51. Thanks for any other magnificent post. Where else may just anybody get that type of info in such
    a perfect way of writing? I’ve a presentation next
    week, and I’m at the search for such information.

  52. Excellent article! We are linking to this great post on our website.

    Keep up the great writing.

  53. very good

  54. you are in point of fact a good webmaster. The web site loading speed is amazing.
    It kind of feels that you are doing any distinctive trick.
    In addition, The contents are masterwork. you’ve done a excellent job in this topic!

  55. Sevilla cuenta con el casco viejo mas grande de Espana, y entre los mas extensos de Europa, atrayendo sus monumentos a abundantes turistas nacionales e internacionales, lo que la convierte en la tercera capital mas visitada de Espana, por detras unicamente de Barcelona y Madrid. Nuestros clientes del servicio son nuestra mejor publicidad y nos confieren credito en el alquiler de vehiculos en Alicante aeropuerto.

  56. You can certainly see your skills within the work you write.

    The world hopes for more passionate writers like you who are not
    afraid to say how they believe. At all times go after your heart.

  57. Article writing is also a fun, if you be familiar with after that you can write if not it is
    difficult to write.


17 Trackbacks/Pingbacks

  1. By Major Species of Autocompletes in the Web 2.0 Jungle « Active Frequency on 11 Feb 2009 at 8:58 pm

    […] A fancier looking method, popularized on the desktop by Apple’s Mail.app, and brought to the web most famously by Facebook. Some of these also allow you to type arbitrary text like an email address, in the case of Facebook’s message composition window, but its primary function is to choose one or more items from a set of non-text objects — like your friends on Facebook, who are represented as their name in a box but are actually passed along as a Facebook ID number. Ajaxian discusses MooTools and Prototype implementations, and there’s a similar jQuery implementation. […]

  2. By 16 Javascript Tutorials Inspired By Social Networking Sites | Dev Words on 19 Aug 2009 at 2:44 pm

    […] 9. Facebook Auto Complete […]

  3. By 16个SNS网站常用JS组件 on 03 Mar 2010 at 3:40 am

    […] Facebook Auto Complete Facebook的自动提示输入组件。 […]

  5. By Autocompletamento in stile Facebook con jQuery | Mr.Webmaster Blog on 26 May 2011 at 2:16 pm

    […] Facebook AutoComplete Anche questo plugin per jQuery consente di ricreare un sisteam di ricerca con tendina di suggerimento e possibilità di […]

  6. By 5 plugin jQuery per creare una ricerca con autocompletamento in stile Facebook | Mr.Webmaster Blog on 26 May 2011 at 2:18 pm

    […] Facebook AutoComplete Anche questo plugin per jQuery consente di ricreare un sisteam di ricerca con tendina di suggerimento e possibilità di […]

  7. By Facebook Style Multi Select « João Paulo Leite Nascimento on 10 May 2012 at 7:01 pm

    […] Facebook Autocomplete […]

  16. By Using jquery, how can I handle tags the same way that Live Mail handles email addresses? - ANT777.club on 24 Aug 2021 at 2:05 am

    […] jquery facebook autocomplete (via Ajaxian) […]

Leave a reply to lol boost Cancel reply