javascript - 如何使用 Javascript/FB.ui 打开和关闭弹出窗口

Question

我编写了一个简单的函数来启动 Facebook 共享对话框弹出窗口。问题是，当用户提交共享表单时，html 链接中的重定向配置代码会将用户发送回弹出窗口内的我的网站，而不是关闭弹出窗口并显示 fb 发回的响应。

function popwindow(url)
{
newwindow=window.open(url,'name','height=400,width=700');
if (window.focus) {newwindow.focus()}
}

与 html

<a href="#" onclick="popwindow('http://www.facebook.com/dialog/feed?app_id=XXX&link=somelink&display=dialog&redirect_uri=http://myurl.net/response/')">Share on Facebook</a>

现在我正在尝试弄清楚如何让 FB 的 FB.ui js 代码工作(我是一个 js 初学者)。我已经浏览了 stackoverflow 上所有类似的问题，但无济于事。如何在页面的 html 中编写一个链接来调用弹出的 FB 共享对话框，在用户提交时提交，然后关闭弹出窗口并将用户发送到带有正确响应警报的正确确认 URL？

我在 facebook.js 文件中有这个默认的 Facebook 代码

FB.ui(
{
 method: 'feed',
 display: 'dialog'
},
function popwindow(url)
{
newwindow=window.open(url,'name','height=400,width=700');
if (window.focus) {newwindow.focus()}
}
function(response) {
 if (response && response.post_id) {
   alert('Post was published.');
 } else {
   alert('Post was not published.');
 }
}
);

如何编写 html 链接来调用弹出窗口并让 FB.ui 处理它？<​​/strong>

Answer 1

您不必担心自己弹出对话框 - FB.ui 调用会为您处理这个问题。 这是一个工作示例 straight from documentation 下面是添加了一些 HTML 的示例:

<input type="button" onclick="share_prompt()" value="Share" />

<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript" charset="utf-8"></script>
<div id="fb-root"></div>    
<script type="text/javascript" charset="utf-8">
FB.init({
    appId: 'YOUR_APP_ID', 
    status: true, 
    cookie: true,
    xfbml: true
});

function share_prompt()
{


    FB.ui(
       {
         method: 'feed',
         name: 'Facebook Dialogs',
         link: 'http://developers.facebook.com/docs/reference/dialogs/',
         picture: 'http://fbrell.com/f8.jpg',
         caption: 'Reference Documentation',
         description: 'Dialogs provide a simple, consistent interface for applications to interface with users.',
         message: 'Facebook Dialogs are easy!'
       },
       function(response) {
         if (response && response.post_id) {
           alert('Post was published.');
         } else {
           alert('Post was not published.');
         }
       }
     );
 }

</script>