Geek asks and answers

How to reuse Facebook autocomplete in my own Facebook application?

On Facebook, when you go to the Edit My Profile> Arts & Entertainment page, there is the Films auto-complete widget that offers you movies when you type them.

So, if you type "Jones", it will start offering:

  • Indiana Jones
  • The Bridget Jones Diary
  • Indiana Jones and the Kingdom of the Crystal Skull

Can I reuse this widget (or its data) in my own Facebook application?

I would like to give my users the ability to create movie lists, and I think this feature will be much better than just manually typing the full names of each movie in their list.

I found one potentially relevant answer to stackoverflow ( How to consume “auto-complete everything” and “tips” on Facebook), but the answer is 2 years old and seems to refer to an FBML tag called typeahead "that is no longer used.

Most Facebook “autocomplete” searches talk about replicating the autocomplete feature for Facebook posts, for example, what is described here . But obviously this is not what I am looking for, so I do not find any help.

If I cannot reuse the exact widget that Facebook uses for this function, is there a way I can submit the data it accesses in jQuery Auto-complete user interface ?

Facebook API, , , , Facebook Facebook.

+3
1

, , jQuery UI. , , "" " ", " ", . , - ?

    $( "#autocomplete" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: "https://graph.facebook.com/search",
            dataType: "jsonp",
            data: {
                type: "page",
                q: request.term
            },
            success: function( data ) {
                response( $.map( data.data, function( item ) {
                    if (item.category=="Movie") {
                        return {
                            value: item.name
                        }
                    }
                }));
            }
        });
    },
    minLength: 2
    });
+3

More articles:


All Articles