Posted on Aug 24, 2009

jQuery Facebook Plugins

Facebook interface is as simple as it gets, and yet many of the elements that define this interface are very powerful and have proven to be very popular, so popular that jQuery developers created plugins to imitate those elements. In this post I’ll introduce you to two jQuery plugins that imitate facebook elements.

FCBKcomplete

Fancy facebook-like dynamic inputs with auto complete & pre added values. If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.

fcbk_complete

Usage

<script language="JavaScript">
$(document).ready(function() {
$.facebooklist('#elem', '#list', '#complete',{url:'ajax-url',cache:1}, height, {userfilter:1,casesensetive:0});
});
</script>

elem – input element id or object
list – preadded elements
complete – autocomplete div id or object
ajax – object with two parametrs a) url to fetch json object b) use cache
height – maximum number of element shown before scroll will apear
filter – object with two parametrs a)case sensitive b) show/hide filtered items
newel – show typed text like a element

Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
facebox

9 Comments

Leave a Reply