Version 1.2 features

This is the demo shows new features on version 1.2.

First of all you need to set up a Facebook Application to get your APP ID Create it on this link https://developers.facebook.com/apps

Then you need to initialize the facebook Javascript api on your page. And after the Javascirpt api is initialized you can call the Custom Friend Chooser function on an <div> element.

Inline Chooser Demo with custom submit button

function loadInlineChooser(){
    $('#inline-chooser').friendChooser({ 
        max: 0,
        min: 3,
        display: "inline",
        showSelectAllCheckbox: true,
        showCounter: false,
        showRandom: 10,
        useCheckboxes: true,
        sendRequest: true,
        lang: {
            requestTitle: "Custom Facebook Friend Chooser",
            requestMessage: "Facebook friend chooser is used to display a list of friends using the Facebook JavaScript API. User can select a few people and send them a message for example."
        }
    });    
}

Popup Chooser Demo

function loadPopupChooser(){
    $('#popup-chooser').friendChooser({
        display: "popup",
        max: 0,
        min: 3,             
        showCancel: false,
        showClose: true,
        showSelectAllCheckbox: true,
        showCounter: false,
        showRandom: 10,
        sendRequest: true,
        useCheckboxes: true,
        lang: {
            requestTitle: "Custom Facebook Friend Chooser",
            requestMessage: "Facebook friend chooser is used to display a list of friends using the Facebook JavaScript API. User can select a few people and send them a message for example."
        }
    });    
}