Facebook log in works partially

I've tried trawling through a lot of the forum posts looking for an answer but couldn't find anything to fix my problem. I've followed the steps in this guide: http://www.gavick.com/documentation/joo ... k-feature/

Logging in with facebook brings up a new window and the app asks for permission but after successfully logging in the website does nothing. I am not redirected anywhere and the same log in pop up is still on my screen. I've checked the ID and secret multiple times and they are correct in both the Social API and the actual plug in.

Website: www.salibandits.com

Hi,

For me you have some jQuery without jQuery.noConflict() what cause that function $ used in our scripts doesn't work properly.

Thanks for the reply! For simplicity I've decided not to use the facebook login for the moment. I'll bear that in mind if I decided to reactivate it in the future.

Can you expand on the jquery comment?
I cannot get Facebook login to work on gk_simplicity either
When you try to login the facebook dialog appears. After you try to login nothing appears to happen. The Joomla site is still not logged in (if you go to facebook, it has logged you into that).
Any ideas?

@mcorderoy - please provide me an URL to your website.

@mcorderoy - please provide me an URL to your website.

Site is work in progress www.contentpla.net

In the layouts/blocks/social.php file please change fragment:

Code: Select all

if(button) {   
             if (response.authResponse) {
               // user is already logged in and connected
            button.onclick = function() {
               if($('login-form')){
                  $('modlgn-username').set('value','Facebook');
                  $('modlgn-passwd').set('value','Facebook');
                  $('login-form').submit();
               } else if($('com-login-form')) {
                  $('username').set('value','Facebook');
                  $('password').set('value','Facebook');
                  $('com-login-form').submit();
               }
            }
         } else {
               //user is not connected to your app or logged out
               button.onclick = function() {
               FB.login(function(response) {
                  if (response.authResponse) {
                     if($('login-form')){
                        $('modlgn-username').set('value','Facebook');
                        $('modlgn-passwd').set('value','Facebook');
                        $('login-form').submit();
                     } else if($('com-login-form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        $('com-login-form').submit();
                     }
                 } else {
                   //user cancelled login or did not grant authorization
                 }
               }, {scope:'email'});     
               }

to:

Code: Select all

if(button) {   
             if (response.authResponse) {
               // user is already logged in and connected
            button.onclick = function() {
               if($('login-form')){
                  $('modlgn-username').set('value','Facebook');
                  $('modlgn-passwd').set('value','Facebook');
                  $('login-form').submit();
               } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        $$('section.login').getElement('form').submit();
                    }
            }
         } else {
               //user is not connected to your app or logged out
               button.onclick = function() {
               FB.login(function(response) {
                  if (response.authResponse) {
                     if($('login-form')){
                        $('modlgn-username').set('value','Facebook');
                        $('modlgn-passwd').set('value','Facebook');
                        $('login-form').submit();
                     } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        $$('section.login').getElement('form').submit();
                     }
                 } else {
                   //user cancelled login or did not grant authorization
                 }
               }, {scope:'email'});     
               }

Thanks...
That has improved things, but it is not quite there.
When you click the login with facebook, it now authenticates with facebook, but you still have to click the original login button to actually login.
Is there a way of making it a one click process? (Site is still live if my explanation is not clear)

Once again, thanks for your help
Mark

Please try to change lines:

Code: Select all

$$('section.login').getElement('form').submit();

to:

Code: Select all

$$('section.login').getElement('form').send();

Thanks, but still not working, I appreciate your help though!
I changed the 2 instances of the code

Code: Select all

   // NEW CODE
      
      if(button) {   
             if (response.authResponse) {
               // user is already logged in and connected
            button.onclick = function() {
               if($('login-form')){
                  $('modlgn-username').set('value','Facebook');
                  $('modlgn-passwd').set('value','Facebook');
                  $('login-form').submit();
               } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        //$$('section.login').getElement('form').submit();
                        //New code
                        $$('section.login').getElement('form').send();
                    }
            }
         } else {
               //user is not connected to your app or logged out
               button.onclick = function() {
               FB.login(function(response) {
                  if (response.authResponse) {
                     if($('login-form')){
                        $('modlgn-username').set('value','Facebook');
                        $('modlgn-passwd').set('value','Facebook');
                        $('login-form').submit();
                     } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        //$$('section.login').getElement('form').submit();
                        //New code
                        $$('section.login').getElement('form').send();
                     }
                 } else {
                   //user cancelled login or did not grant authorization
                 }
               }, {scope:'email'});     
               }
      

Please send me a PM message with the FTP access to your website - then I'll be able to fix it much faster

PM sent, thanks

I've changed the code to the following form:

Code: Select all

if(button) {   
             if (response.authResponse) {
               // user is already logged in and connected
            button.onclick = function() {
               if($('login-form')){
                  $('modlgn-username').set('value','Facebook');
                  $('modlgn-passwd').set('value','Facebook');
                  $('login-form').submit();
               } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        $$('section.login').getElement('form')[0].submit();
                    }
            }
         } else {
               //user is not connected to your app or logged out
               button.onclick = function() {
               FB.login(function(response) {
                  if (response.authResponse) {
                     if($('login-form')){
                        $('modlgn-username').set('value','Facebook');
                        $('modlgn-passwd').set('value','Facebook');
                        $('login-form').submit();
                     } else if($$('section.login').getElement('form')) {
                        $('username').set('value','Facebook');
                        $('password').set('value','Facebook');
                        $$('section.login').getElement('form')[0].submit();
                     }
                 } else {
                   //user cancelled login or did not grant authorization
                 }
               }, {scope:'email'});     
          }


And it is working for me fine

Working fine now!
Thank you very much for your help.