Skip to main content

Facebook Login






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

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

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>

Comments

Popular posts from this blog

6 guaranteed steps how to create CRON JOB FUNTION in wordpress

Create Cron Job function in Wordpress plugin Step 1: Register function on plugin activate  register_activation_hook(__FILE__, 'activate_one'); Step 2: add_filter function for interval //Filter for Adding multiple intervals add_filter( 'cron_schedules', 'intervals_schedule' ); // define interval function   function intervals_schedule($schedules) {   $schedules['everyminute'] = array(    'interval' => 60, // Every 1 minutes    'display'  => __( 'Every 1 minutes' )   );   return $schedules;  } Step 3: Activate hook function   //Schedule a first action if it's not already scheduled   function activate_one() {   if (!wp_next_scheduled('wpyog_cron_action')) {    wp_schedule_event( time(), 'everyminute', 'wpyog_cron_action');   }  } Step 4: Cron hook function   //Hook into that action that'll fire after 1 minutes   add_action('wpyog_cron_action', 'execute_

How to Create a jQuery Autocomplete in Wordpress

How to Create a jquery-ui Autocomplete in wordpress. Autocomplete provides suggestions while you type into the text field. In Wordpress we fetch dynamically matched pattern. Include javascript and css files in header. Create action inside functions.php or inside plugin code. add_action('wp_head', 'custom_register_scripts'); function custom_register_scripts(){ wp_register_style( 'techsudhir_jquery_ui_css', plugin_dir_url(__FILE__) . 'css/jquery-ui.css', false,'1.0.0' ); wp_enqueue_style( 'techsudhir_jquery_ui_css' ); wp_register_script('techsudhir_jquery_ui_js',plugin_dir_url(__FILE__) . 'js/jquery-ui.js',array('jquery'),'1.1', false); wp_enqueue_script('techsudhir_jquery_ui_js'); wp_localize_script( 'techsudhir_autocomplete', 'jqueryAutocomplete', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) ); wp_enqueue_script( 'techsudhir_