Step 1: Go on Apps & create new Apps
Step 2: Enter the app name & choose category
Step 3: Enter the site domain
Script code
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=<?php echo '603609636351597';?>">
</script>
<script>
FB.init({
appId:'<?php echo '603609636351597';?>', cookie:true,
status:true, xfbml:true
});
FB.getLoginStatus(function(response) {
});
Login function call on click
function faceLogin(){
FB.login(function(response) {
if (response.authResponse) {
FB.api('/me', function(response) {
$('input[id=facebook_login_fb]').val(response['id']);
$('#fb_login_form').submit();
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
}, {scope: 'email,user_photos'});
};
Data handling
Data handling
function Login() {
FB.login(function(response) {
if (response.authResponse) {
FB.api('/me', function(response) {
var str;
str = response['id'] + ";\n" +
response['name'] + ";\n" +
response['first_name'] + ";\n" +
response['last_name'] + ";\n" +
response['birthday'] + ";\n" +
response['gender'] + ";\n" +
response['username'] + ";\n" +
response['phone'] + ";\n" +
response['email'];
$('input[id=full_name]').val(response['name']);
$('input[id=first_name_fb]').val(response['first_name']);
$('input[id=last_name_fb]').val(response['last_name']);
$('input[id=email_fb]').val(response['email']);
$('input[id=facebook_id_fb]').val(response['id']);
if(response['hometown']!=undefined)
{
$('input[id=hometown]').val(response['hometown']['name']);
}
$('#fb_registration_form').submit();
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
}, {scope: 'email,user_birthday,user_photos,user_hometown,user_location'});
};
</script>
Hidden form to store data
<div style="display:none;">
<form id="fb_registration_form"
action="<?php echo HTTP_ROOT.'Members/facebookRegister'?>" method="post">
<input type="text" name="data[Member][email]" id="email_fb" value="" />
<input type="text" name="data[Member][facebook_id]" id="facebook_id_fb" value="" />
<input type="text" name="data[Member][user_name]" id="full_name" value="" />
<input type="text" name="data[Member][first_name]" id="first_name_fb" value="" />
<input type="text" name="data[Member][last_name]" id="last_name_fb" value="" />
<input type="text" name="data[Member][hometown]" id="hometown" value="" />
</form>
</div>
Request handler function
Request handler function
function facebookRegister()
{
if($this->request->is('POST'))
{
$data=$this->request->data;
}
}
Html tag
<a href="javascript:void(0)" class="fb" id="fb-login" onclick="Login();"></a>
Html tag
<a href="javascript:void(0)" class="fb" id="fb-login" onclick="Login();"></a>
No comments:
Post a Comment