如果复选框被选中，则在Facebook墙上发布消息
Post message on Facebook wall if checkbox checked
我想创建一个功能来分享Facebook上提交的东西，如果一个复选框被选中，就像在Ask上的回复表单。我现在相信我说的话了。我想基于这里的一些答案如何打开Facebook授权弹出框点击，但问题是，我想保持未选中状态，直到用户授权并给予Facebook应用程序所有所需的权限。更确切地说，你点击复选框，Facebook登录弹出窗口打开，但复选框保持未选中状态，直到你授权应用程序所有所需的权限。到目前为止，我有这个代码:
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
window.fbAsyncInit = function () {
FB.init({
appId: 'APP_ID',
status: true,
cookie: true,
xfbml: true
});
};
(function (d) {
var js, id = 'facebook-jssdk',
ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
$('#checkbox').change(function () {
if ($(this).is(':checked')) {
FB.login(function (response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function (response) {
console.log('Good to see you, ' + response.name + '.');
});
} else {
alert('User canceled login or did not fully authorize the app.');
}
}, {
scope: 'publish_stream,email',
return_scopes: true
});
}
});
function fb_publish() {
var msg = $('#message').val();
FB.ui({
method: 'stream.publish',
message: msg,
attachment: {
name: 'Name here',
caption: 'Caption here.',
description: (
'description here'
),
href: 'url here'
},
action_links: [
{ text: 'Code', href: 'action url here' }
],
user_prompt_message: 'Personal message here'
},
function(response) {
if (response && response.post_id) {
alert('Post was published.');
} else {
alert('Post was not published.');
}
}
);
}
});
</script>
<form onsubmit="fb_publish()">
<input type="checkbox" name="facebook" value="1" id="checkbox" />Facebook
<label for="Message">Message</label>
<input name="message" id="message" type="text" />
<input type="submit" value="post" />
</form>
试试下面的代码:
<!DOCTYPE html>
<html>
<head>
<title>Facebook Login</title>
<script src="jquery-1.11.1.min.js"></script>
<script type='text/javascript'>
var perms = ['public_profile', 'email'];
var declined_perms = [];
$(window).load(function () {
window.fbAsyncInit = function () {
FB.init({
appId: 'XXXXXXXX',
status: true,
cookie: true,
xfbml: true
});
checkLoginState();
};
(function (d) {
var js, id = 'facebook-jssdk',
ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
$('#checkbox').change(function () {
if ($(this).is(':checked')) {
if (parseFloat($(this).val())) {
customLogin();
} else {
rerequest();
}
}
});
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
// The response object is returned with a status field that lets the
// app know the current login status of the person.
// Full docs on the response object can be found in the documentation
// for FB.getLoginStatus().
if (response.status === 'connected') {
// Logged into your app and Facebook.
testAPI();
} else if (response.status === 'not_authorized') {
// The person is logged into Facebook, but not your app.
} else {
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
}
}
function checkLoginState() {
FB.getLoginStatus(function (response) {
statusChangeCallback(response);
});
}
function rerequest() {
FB.login(
function (response) {
testAPI();
},
{
scope: declined_perms.join(),
auth_type: 'rerequest'
}
);
}
function customLogin() {
FB.login(
function (response) {
testAPI();
},
{
scope: perms.join()
}
);
}
function testAPI() {
declined_perms.length = 0;
FB.api('/me/permissions', function (response) {
var responsePerms = [];
for (var i = 0; i < response.data.length; i++) {
responsePerms.push(response.data[i].permission)
if (response.data[i].status == 'declined') {
declined_perms.push(response.data[i].permission);
}
}
for (var _i = 0, _j = perms.length; _i < _j; _i++) {
if (responsePerms.indexOf(perms[_i]) < 0) {
declined_perms.push(perms[_i]);
}
}
if (declined_perms.length) {
alert('User canceled login or did not fully authorize the app.');
console.log('Please Provide access to ' + declined_perms.join());
document.getElementById('checkbox').checked = false;
document.getElementById('checkbox').value = 0;
} else {
document.getElementById('checkbox').checked = true;
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function (response) {
console.log('Successful login for: ' + response.name);
});
}
});
}
function fb_publish() {
var msg = $('#message').val();
FB.ui({
method: 'stream.publish',
message: msg,
attachment: {
name: 'Name here',
caption: 'Caption here.',
description: (
'description here'
),
href: 'url here'
},
action_links: [
{ text: 'Code', href: 'action url here' }
],
user_prompt_message: 'Personal message here'
},
function (response) {
if (response && response.post_id) {
alert('Post was published.');
} else {
alert('Post was not published.');
}
}
);
}
});
</script>
</head>
<body>
<form onsubmit="return fb_publish()">
<input type="checkbox" name="facebook" value="1" id="checkbox"/>Facebook
<label for="Message">Message</label>
<input name="message" id="message" type="text"/>
<input type="submit" value="post"/>
</form>
</body>
</html>
相关文章：
- Ajax聊天消息重复而不仅仅是更新
- 如果localstorage为空，则显示欢迎消息
- 绑定时将Parsley minlength消息作为选项传递时，未对其进行自定义
- 离开页面时弹出消息
- 有没有一种方法可以在控制台关闭的情况下让console.log(）在IE中记录消息
- 消息显示之外的淘汰验证
- 选项卡侦听器未被来自后台脚本的消息激活
- jQuery在输入下验证post错误消息
- Scipt未在选定选项卡中执行以发送和接收消息
- 检查xmlhttprequest问题的消息
- AngularJs对ng消息的自定义替换
- ng消息仅在触摸时显示错误，并在错误的初始显示上转换
- 当用户按下回车键时，自动在text区域/text中插入消息
- 如果消息框答案为YES，则用Javascript填写表单
- 在javaservlet doPost方法中启动线程时，无法返回异常消息
- 解析云代码错误:解析.错误｛代码:141，消息:“未调用成功/错误”｝
- Node.js上的WebSocket，并在所有连接的客户端之间共享消息
- 在AngularJs中隐藏默认错误消息
- 使用JavaScript安全地发布消息
- Rails:如何向用户预加载消息
