I'm trying to integrate Facebook Connect to my site using the javsacript SDK.
The codes are like
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '**********', status: true, cookie: true, xfbml: true});
/* All the events registered */
FB.Event.subscribe('auth.login', function(response) {
// do something with response
login();
});
FB.Event.subscribe('auth.logout', function(response) {
// do something with response
logout();
});
FB.getLoginStatus(function(response) {
if (response.session) {
// logged in and connected user, someone you know
login();
}
});
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
};
</script>
then the button <fb:login-button autologoutlink="true" perms="email,status_update,publish_stream"></fb:login-button>
This works fine in Firefox; but in chrome, the facebook pop-up to "allow" the app to access fb ends up with a black page title "XD Proxy". Can anyone help me figure it out??