Facebook Friend Selector

Facebook Friend Selector is a friend selection assistant for your Facebook application or your website that is equipped with Facebook Connect. This tool returns you your friends ID’s only and you use them as you please. It was built using the jQuery library.

Demo & Download

Facebook Friend Selector Color BlueFacebook Friend Selector Search ResultsFacebook Friend Selector Show Count

  • Ability to set a maximum number for friend selection
  • Exclude as many people as you want from the list
  • Ability to show random friends list
  • Ability to set maximum friends on list
  • Search
  • Facebook invite option
  • Overlay color selection
  • Overlay opacity selection
  • Ability to hide the overlay with a mouse click outside the box or a ESC key press
  • Centers the box on window resize
  • Ability to close the box onsubmit
  • Ability to enable or disable to display the number of selected people in the box
  • Seven color options (easily customizable)
  • Adaptability of texts to any desired language
  • Ability to decide what to do onstart
  • Ability to decide what to do onclose
  • Easy integration

19 Yorum

  • Alex tarafından gönderildi.
    10 Ocak 2012 - 22:12

    Hi :)
    I have simple question, when i select some facebook friends and click submit i want to call FB.ui({ method: ‘apprequests’ to: selected_ids ,}
    and selected ids i want to display in invite dialog “to: example selected ids, “. Can you help me with these please ?

    • Sevil YILMAZ tarafından gönderildi.
      11 Ocak 2012 - 18:03

      As far as I understand, you want to open FB invite dialog box when you click submit button. Actually we will add this option in the short run. But you can do that like this for now:

      $(".bt-fs-dialog").fSelector({
        onSubmit: function(response){
          var friends = '';
      
          $.each( response, function(k, v){
          	friends += v + ',';
          });
      
          friends = friends.substr(0, friends.length - 1);
      
          FB.ui({method: 'apprequests',
              message: 'Heyyo',
              to: friends
            }, function(res){
      
          });
        }
      });
  • David tarafından gönderildi.
    12 Ocak 2012 - 03:05

    I ask for help, whether it is possible that the friend selector throws random friends list ? Please if is possible, give mi some javascript code for this. Thank you.

    • Sevil YILMAZ tarafından gönderildi.
      12 Ocak 2012 - 13:58

      I don’t understand what you mean. Do you want friend selector shows the random friends or you want it to send request to random friends?

      • David tarafından gönderildi.
        13 Ocak 2012 - 18:41

        I want to friend selector shows random friends and i want to limited friends list for example to 5 friends. I tried many ways but I failed . . .

      • David tarafından gönderildi.
        15 Ocak 2012 - 00:01

        Can you help me with these please ?

      • Sevil YILMAZ tarafından gönderildi.
        17 Ocak 2012 - 17:04

        Facebook invite, max. friends count and random friends on list options were added to v.1.1. You can download from github.

        @david
        For your situation:

        $("#example").fSelector({
          maxFriendsCount: 5,
          showRandom: true,
          onSubmit: function(response){
            alert(response);
          }
        });
  • Gustavo86 tarafından gönderildi.
    18 Ocak 2012 - 03:28

    Hi admin :)
    - > about new version v.1.1
    Simple question, can you add toogle all checkbox, means select/deselect all friends ? I think it does not take much time for you :) In any case, everything is done perfectly !
    Thanks in advance . . .

    • Sevil YILMAZ tarafından gönderildi.
      18 Ocak 2012 - 17:27

      Yeah, admin is funny word :)
      ‘select/deselect all’ and ‘show selected’ options are added to the upcoming features list. You will see these options at the next version.

  • Nicholas tarafından gönderildi.
    18 Ocak 2012 - 04:09

    Can i call this dialog in function onload ?
    I tried everything possible but does not go . . .

    • Sevil YILMAZ tarafından gönderildi.
      18 Ocak 2012 - 17:39

      If you have already added FFS (Facebook Friend Selector) then you can add the click method in the FBLogin code like this.

      FB.getLoginStatus(function(response) {
        if (response.authResponse) {
          ...
      
          $('.bt-fs-dialog').trigger('click');
      
          ...
        }
  • Gustavo86 tarafından gönderildi.
    21 Ocak 2012 - 04:01

    When will new version come out with select/deselect all ? :D
    Thanks for reply.

    • Sevil YILMAZ tarafından gönderildi.
      23 Ocak 2012 - 15:47

      We are working hard these days. But we’ll come out with the new version as soon as possible.

  • Michael Nielsen tarafından gönderildi.
    29 Ocak 2012 - 19:22

    You should consider changing the #fs-dialog-box-wrap position to fixed, since this will make the friend selector appear in the center of the window all the time, instead of at the window.height/2-container.height/2 position in the document.

    Just a thought :)

    • Sevil YILMAZ tarafından gönderildi.
      31 Ocak 2012 - 05:29

      Thanks for advice.

      But we had done that because we wanted to add cols and rows options to plugins further versions. Thats why we are calculating those measures.

  • Regis tarafından gönderildi.
    07 Şubat 2012 - 16:37

    Hi Sevil!

    First want to thank you for providing this code. =)

    I’m trying everything, but the error when I try to log in…
    In the link below you can see the error.
    https://www.facebook.com/pages/Teste/261252147237653?sk=app_231202806967108

    Regis

  • adriano tarafından gönderildi.
    17 Şubat 2012 - 06:46

    Hello, with the type of service I am providing I would need to retrieve a past friend selection.

    Example: one day the user selects 12 friends, and I store them in a sql table

    the day after, the user comes back in my app and as soon as your app selector is shown I would like to repopulate the selection with the 12 selected friends.

    Let me know if you did not understand my question!
    Thanks in advance and keep up the good work ;)

  • Jacky tarafından gönderildi.
    22 Şubat 2012 - 14:08

    This friend selector is great, actually it is best custom selector what I have seen.
    One question: what would be best way to pass selected friends ID to image? Something like

Yorum Yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir