- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要一个自定义的 Facebook 登录按钮。 fb:login-button 的 medium、large 等解决方案不是我需要的。我知道 FB TOS。我的按钮将非常相似。
如何将我的按钮转换为带有自定义按钮的 javascript onlick 解决方案? “onlogin="top.location.href='example.com/facebook_connect.php"链接非常重要。
这是我的代码:
<div id="fb-root"></div>
<script type="text/javascript" language="JavaScript" src="http://connect.facebook.net/de_DE/all.js#appId=myappid6&xfbml=1"></script>
<script type="text/javascript" language="JavaScript"> FB.init({
appId : myappid,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>
<fb:login-button scope="email, public_profile" size="xlarge" onlogin="top.location.href='example.com/facebook_connect.php'">Connect with Facebook</fb:login-button>
非常感谢。
最佳答案
HTML:
<button id="loginBtn">Facebook Login</button>
JavaScript:
document.getElementById('loginBtn').addEventListener('click', function() {
//do the login
FB.login(function(response) {
if (response.authResponse) {
//user just authorized your app
top.location.href = 'example.com/facebook_connect.php';
}
}, {scope: 'email,public_profile', return_scopes: true});
}, false);
来源:http://www.devils-heaven.com/facebook-javascript-sdk-login/
不要为此使用 a-tags,它不是链接。您也不需要 jQuery,它只是一个简单的点击处理程序。不过,我建议使用异步方式加载 JS SDK。
关于javascript - 改造 Facebook fb :login-button into SDK javascript login,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27148623/
我遇到过这个 html: 上面的html和这个有什么区别: 最佳答案 来自MDN page on the tag : 对于 type 的属性标签,可能的值是: 提交:按钮将表单数据提交给服务器
Button button= (Button) findViewbyID(R.id.button); 和 Button button = new Button(this); 有什么区别? 最佳答案 有
我是一名优秀的程序员,十分优秀!