Auto fill my custom form using facebook data

Question

I have a form designed which takes input values. I want people to click the button "sign up as facebook" which takes in their facebook details and as a result fills my custom form with the appropriate values. i want it to be like this one. https://www.odesk.com/signup/create-account/id/Contractor_50dbed1edc1416.20352143

Please tell me how can this be achieved?

possible duplicate of [Fill form using facebook data](http://stackoverflow.com/questions/13124701/fill-form-using-facebook-data) — Owen Blacker, Oct 18 '13 at 12:11

Sahil Mittal · Accepted Answer · 2012-12-27T07:09:53.337

Registration Plugin is what you are looking for. :)

UPDATED

In Case you want to have custom form. You would have to take permission from user and get his details. You can use following Code :

<div id="fb-root"></div> 
<script src="https://connect.facebook.net/en_US/all.js"></script> 
FB.init({appId: 'XXXXXXXXXXXXX',status : true,xfbml  : true, cookie: true ,oauth  : true});


function login(){
        FB.getLoginStatus(function(response) {
        // checks if user already authorized
                    if (response.status === 'connected') {
                            FB.api('me?fields=id,name,email', function(user) {
                                     if(user != null) {
                                                                username  = user.name;
                                                                uid = user.id;
                                                                email = user.email;
                                                            }
                                });

                    } else {
        // If user is not authorized call FB.login for pop up window for authorization  , scope defines list of persmission requested with user
                    FB.login(function(response) {
                            if (response.authResponse.accessToken) {    
                                            FB.api('me?fields=id,name,email', function(user) {
                                                    if(user != null) {
                                                                username  = user.name;
                                                                uid = user.id;
                                                                email = user.email;
                                                            }
                                                        }) 
                                                    } 
                                                }, {scope:'email'});
                    }

                });
    }

You call login() at the press of your button.

Yes but this is in the iframe. I want to use this info to fill my own custom made form like once authoruized the input values of my form should be fillep up — Hammad Anwer, Dec 27 '12 at 06:58
im new to javascript as well . Could you tel me how could i call these values of email,firstname and last name in my tag.? — Hammad Anwer, Dec 27 '12 at 07:22
In that case, you should start searching SO for help :). To replace the values of your tags: http://stackoverflow.com/a/5700542/1343690 — Sahil Mittal, Dec 27 '12 at 07:26
I've written in the comment-> the login function- this will will check whether the user has authorized the app or not, and save the details in the respective variables — Sahil Mittal, Dec 27 '12 at 07:35

Auto fill my custom form using facebook data

1 Answers1

Linked