如何使用自定义 Facebook 对话框，如本示例

Question

我如何创建这样的自定义对话框：

我正在使用带有 graph api/new js-api 的 iframe 应用程序，但我无法找到一种方法来重现这一点，按钮和标题，保持用户语言。

问候。

Answer 1

我怀疑他们正在使用类似 jquery Facebox 插件的东西来做自己的模式对话框 http://defunkt.io/facebox/< /a>

他们在画布页面上使用未经批准的广告提供商 (AdBrite) 似乎也违反了 Facebook 政策。

Answer 2

您可以使用这个：

var dialog = FB.Dialog.create({
content: '<div style="color: rgb(255, 255, 255); background-color: rgb(109, 132, 180); font-size: 15px; font-weight: bold; padding: 5px; text-align: left;">Error</div><p style="margin:10px 15px;">' + message + '</p><div style="color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); padding: 8px; text-align: right; border-top: 1px solid rgb(198, 198, 198);height:23px;"></div>',
closeIcon: true,
onClose: function() {
    FB.Dialog.remove(dialog);
},
visible: true
});

另请参阅：
http://fbdevwiki.com/wiki/FB.Dialog

Answer 3

您必须使用 FB.ui 方法来打开这样的对话框。您可以在此处找到示例代码和更多详细信息。