如何动态显示/隐藏Facebook登录按钮 [英] How to dynamically show/hide a facebook login button
本文介绍了如何动态显示/隐藏Facebook登录按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如果用户通过
facebook连接登录到我的网站,如何通过javascript确定?根据这个结果,我想在网站上显示/不显示一个< fb:login-button>
按钮。
How can I determine via javascript if a user has logged in to my site via
facebook connect or not? Based on this result, I would like to show/not show a <fb:login-button>
button on the site.
如果我使用jquery做了这样的事情:
If I did something like this using jquery:
<div id="login"></div>
<script>
if (notLoggedIn)
{
$("#login").html("<fb:login-button></fb>");
}
</script>
它会工作吗?
推荐答案
我这样做:
HTML:
<div id="logindisplay">
<span id="login">
<fb:login-button background="dark" onlogin="facebook_onlogin_ready();">
</fb:login-button>
</span>
</div>
js:
function updateUserBox() {
var user_box = document.getElementById("login");
user_box.innerHTML = "<span><fb:name uid=loggedinuser useyou='false'></fb:name><fb:profile-pic uid=loggedinuser facebook-logo='true'></fb:profile-pic></span>";
FB.XFBML.Host.parseDomTree();
}
FB_RequireFeatures(["Connect"], function() {
FB.init("appkey", "/Content/xd_receiver.htm", { "ifUserConnected": updateUserBox });
FB.Connect.showPermissionDialog("publish_stream,status_update");
FB.Connect.requireSession();
});
这篇关于如何动态显示/隐藏Facebook登录按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文