[英]Post message on Facebook wall if checkbox checked
我想创建一个函数,以便在提交时在Facebook上共享某些内容,如果选中了复选框,则类似于Ask.fm上的回复表单(我相信您现在所说的是)。 根据此处的一些答案,我想出了如何在复选框单击时打开Facebook授权弹出窗口,但问题是我想保持选中状态,直到用户授权并向Facebook App授予所有必需的权限。 更确切地说,您单击复选框,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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.