Projects

Facelist

 

Jan 27 2009 [12 Comments]

Media By Ian Tearle presents the jQuery Facelist project. Built for the sole purpose of providing a Facebook style autosearch, Ian is letting you build upon this excellent product.

If you like this, please support development and Digg this project! A link for ease, or see below.

See Demo in new window facelist

Whilst there are some errors still to be ironed out, this is the latest build of Facelist the Jquery Autosearch (Facebook style).

Currently as far as I am aware there is only an error with the delete key not working when there is more than two items in the list. Everything else has been ironed out and fixed by myself and Theo Chakkapark (linkedin.com/in/theochakkapark).

12 Comments

  • mark

    Apr 02 2009, 8:32am , mark shared:

    wow

  • Ian Tearle

    Apr 09 2009, 11:27am , Ian Tearle shared:

    Facelist now focus' back to the input box on pressing the return key. Also I have added a blur() action on ESC keypress.
    Someone has asked me if its possible to blur() Facelist on clicking outside of the input, for this you would have to build an overlay and use an onclick event to hide both the overlay and Facelist, I will not be building this into Facelist.

  • brian

    Apr 09 2009, 2:11pm , brian shared:

    Ok. I find myself changing something about each version. On line 339 of version 1.1, I changed from split("|",2) to just split("|";), which allows me to pass more variables along to customize the token with a title attribute.

  • brian

    Apr 09 2009, 2:18pm , brian shared:

    One other thing. I had to add a z-index to #result_list, which seems to be the only layout thing I've changed about it and now I can't click the item to select it. When it click the li item, basically what happens is the lose focus action causing the list to go away. Any ideas on how to fix this?

  • abby

    Apr 11 2009, 5:03am , abby shared:

    how to prefill the input with 2 or more values?

  • Ian Tearle

    Apr 11 2009, 10:27am , Ian Tearle shared:

    @abby in order to prefill the input you will need to add the markup for and option to the ul.facelist; the markup takes this form:

    <li id="bit-(id)" class="token"><span><span><span><span>(name)</span></span></span></span><span class="x"> .x</span></li>

    You can then add as many items as you wish.

  • abby

    Apr 11 2009, 5:07pm , abby shared:

    Thanks Ian!
    I have try this solution and seems works, but I'm not able to delete the prefill tags by clicking the x now!

    I also found a little bug in code. If you search in code for variable csub you will found a return csub and after a return null that is unreacheable.

  • FrankE

    May 08 2009, 4:29pm , FrankE shared:

    Hi Ian, I second Abby's issue where items I pre-populate the box with can't be deleted, nor do they prevent items with the same id's being returned in the search results. This is quite important to me, as I've elected to use this script as a way of editing tags on a client's site, but as it stands there's no way to delete existing tags, only add to the list. Do you think there might be a way to allow deletion in a future update?

    Thanks for an awesome plugin by the way!

  • alex rades

    May 16 2009, 2:02pm , alex rades shared:

    Hi and thank you for this wonderful piece of software!
    I have two suggestions for you:

    1) provide a way to close the dropdown when you click outside of it
    2) provide a way to read json from the server instead of plain text, so you don't have to worry about escaping

    Do you think these suggestions are worth implementing?

    Thank you!!

  • Kamil

    Jun 07 2009, 11:59pm , Kamil shared:

    Hi. Is there any way to use it as normal autocomplete with only one result selectable, displaying normally inside the input box?

  • Jonathon

    Jun 08 2009, 11:04pm , Jonathon shared:

    First, are you still actively developing for this plugin?

    I would like to add the feature of being able to pre-populate with a more semantic markup that could be read and translated into the "standard markup"

  • Ian Tearle

    Jun 09 2009, 9:19am , Ian Tearle shared:

    @FrankE: I did note this error, and will look into a better way of pre-populating the field.
    @alex rades: Escape should work in jQuery less than 1.2, however something was changed in later versions, I will look into a fix for this. Also I shall consider looking at jSON, but time restraints are against me.
    @Kamil: There are many autocompletes that will do what you are looking for, Facelist is an advancement and I dont think you should be looking to make Facelist less than what it is, just search for jQuery autocomplete and use one of those.
    @Jonathon: Facelist is something I will get round to developing further as and when time allows me to work on it, fortunately I have other projects that require my attention and earn me some money. Note how I do not serve adverts from my website, and probably never will, as I hate them. This means though that I have to give my paid projects more time than this open source one. If you would like to donate via PayPal, please visit http://cmsurl.com/U

 

No HTML is allowed. All links and new lines will be automagically converted to HTML for you.

*

*

*

Project:
Facelist
Software:
jQuery, XHTML, CSS, PHP
Download:
Facelist 1.1
Consciousness Says:
I was evaluating all the available JQuery plugins to get a Facebook-like contact autocompletion functionality, and deemed the one by Ian Tearle to be the most complete available.
Like This?:
If you like this, then you should check out iSkip, another jQuery plugin for all your image needs, it mimics the effect seen in iPhoto for events.