debuggable

 
Contact Us
 

Jac: Comment box name auto completer (jQuery plugin)

Posted on 15/9/08 by Felix Geisendörfer

Hey folks,

this is post #26 of my 30 day challenge.

For those not familiar with it: A while ago Tim had the wonderful idea of adding an IRC-like auto completion feature to the comment box of our blog. Whenever you start to type in the name of a previous commenter on our blog and then hit tab, his full name will magically appear.

Download & Docs: You can download & read about the jac plugin at the Debuggable Scraps repository as usual.

Usage is as simple as it gets. The code for powering the input box on our blog looks as simple as this:

$('#comment-box').jac({items: 'strong.author-name'});

This will auto-magically scrap all author name's from the DOM and offer them as auto completions when the tab key is hit.

Comments and ideas for improvement are welcome as always!

-- Felix Geisendörfer aka the_undefined

 
&nsbp;

You can skip to the end and add a comment.

Cawlin said on Sep 15, 2008:

Can't seem to find a demo, unless each commenter after me can autocomplete!

Felix Geisendörfer said on Sep 15, 2008:

Cawlin: Try any other post with more comments : ).

Cawlin said on Sep 15, 2008:

Ah there it is. Some sort of visual que would certainly make it more obvious/useful. But very cool none the less.

Joe Beeson said on Sep 15, 2008:

It would be neat if you could tab through multiple matches if you put in text that matched many users.

Matteo  said on Sep 16, 2008:

Nice, let me try it :)

Felix Geisendörfer said on Sep 16, 2008:

Joe Beeson: That'd be neat indeed, I added it to the feature wish list, when I find some time I'll implement it. Meanwhile anybody can fork the project and hack something together themselves: ).

Sahil  said on Dec 26, 2008:

Can't seem to find a demo, unless each commenter after me can autocomplete

Sahil  said on Dec 26, 2008:

ya it us very
good

This post is too old. We do not allow comments here anymore in order to fight spam. If you have real feedback or questions for the post, please contact us.