0

我想让我的 facebook api 登录弹出窗口在用户登录后关闭,在用户单击带有 facebook 图像的登录后,弹出窗口成功打开,在用户登录弹出窗口后,弹出窗口仍然存在并重定向到我成功登录的网站但是,我希望在用户成功登录后关闭弹出窗口,并将父登录页面重定向到主页。

谢谢你,

这是我所做的:

Javascript 的:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
    appId      : '<?php echo $_setting['facebook_api']; ?>',
    channelUrl : '//<?php echo $website; ?>/channel.html',
    status     : true,
    cookie     : true,
    xfbml      : true
});
 };



    (function(d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
    }(document));
    </script>
<script type="text/javascript">

function popup(url)
{

 var width  = 600;
 var height = 400;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;

 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';

 newwin=window.open(url,'FB', params);
 opener.location.reload();
 if (window.focus) {newwin.focus()}

 return false;

 }

 </script>

用户登录部分:

<a href="javascript:void(0)"
onclick="popup('https://www.facebook.com/dialog/oauth?client_id=<?php echo $_setting['facebook_api']; ?>
&redirect_uri=<?php echo urlencode($website."/index.php"); ?>
&cancel_url=<?php echo urlencode($website."/register"); ?>
&scope=email')">
<img src="<?php echo $website; ?>/images/fb.png" /></a>
4

2 回答 2

1

只需输出“window.parent.location ="www.pageafterlogin"; window.close();” 在子窗口中对我不起作用。我不得不使用间隔来检查子窗口(弹出窗口)是否已关闭。

这是我为使其工作而编写的函数(我的登录按钮是一个锚点,其类设置为“facebook_connect”):

$(document).ready(function() {
    initFacebookConnect();
});

var fbTimer, fbChildWindow;
function fbPolling() {
    if(fbChildWindow && fbChildWindow.closed) {
        // The popup has been closed, stop the timer and reload window.
        clearInterval(fbTimer);
        window.location.href = window.location.href;
    }
}
function initFacebookConnect() {
    $('a.facebook_connect').click(function(event) {
        event.preventDefault();

        var url = $(this).attr('href');
        fbChildWindow = window.open(url, 'Facebook', 'status=1, resizable=0');
        fbTimer = setInterval('fbPolling()', 1000);
    });
}

在 Facebook 重定向到的页面(redirect_uri 页面)内,我写道:

<script>window.close();</script>

我希望这对某人有用:)

于 2012-12-12T23:50:42.127 回答
0

您需要登录才能重定向到页面将运行 window.close() 并使用 window.parent 将主页页面重定向到您想要的页面

尝试将代码添加到登录重定向到的页面(在弹出窗口内) window.parent.location ="www.pageafterlogin"; 窗口.close();

我目前是用我的手机写的,所以有点难,但这应该可以解决问题。如果没有,我明天会尝试重写它。

于 2012-09-27T22:19:17.190 回答