如何使用自定义Facebook对话框,如此示例

时间:2010-09-19 15:38:56

标签: facebook iframe dialog facebook-graph-api

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

alt text

我正在使用带有图形api / new js-api的iframe应用程序,但是我无法想出一种方法来重现这个,按钮和标题,让用户保持沉默。

问候。

3 个答案:

答案 0 :(得分:1)

我怀疑他们正在使用像http://defunkt.io/facebox/

上的jquery Facebox插件这样的模式对话框

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

答案 1 :(得分:1)

您可以使用:

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

答案 2 :(得分:0)

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