Skip navigation

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

About these ads

53 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. Can this support in the Liferay portal ?

  27. 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/

  28. 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 )

  29. 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/

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

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

  32. “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

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

  34. does it prevent duplicate?

  35. 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.

  36. 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.

  37. 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!

  38. 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

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

  40. 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

  41. 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.

  42. 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.

  43. 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?

  44. 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.

  45. 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!

  46. Terrific article, I enjoyed the digitalfernsehen schweiz section

  47. Terrific Article

  48. 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.

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


11 Trackbacks/Pingbacks

  1. [...] 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. [...] 9. Facebook Auto Complete [...]

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

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

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

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

  6. [...] Facebook Autocomplete [...]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: