动态地检索facebook就像盒子一样

时间:2011-06-10 09:01:31

标签: javascript facebook facebook-graph-api facebook-social-plugins

我正在创建一个网络应用程序,类似于Facebook的类似框代码:http://developers.facebook.com/docs/reference/plugins/like-box/

当用户将其粘贴到网络应用程序中时,如果他们选择了流,则应该能够获得包含Feed的类似框,同时生成类似的框代码。

我使用以下代码来执行此操作;但问题是我无法检索喜欢该页面的用户的图片。

如何检索他们的个人资料信息?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facebook Feeds</title>

<script type="text/javascript">
function getPage()
{
    var getCont=document.getElementById("txarea").value;
    document.getElementById("getContent").innerHTML=getCont;
}
</script>
</head>

<body>

<input type="text" id="txarea" />
<input type="button" id="fbBtnClick" value="Click" onclick="getPage();"></input>
<div id="getContent">
</div>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

所以我对此进行了测试,以下似乎是问题所在:

  

iframe的高度默认设置为 427px 图片正在加载,但由于iframe的高度不够长而被隐藏

     

默认情况下,facebook提供以下内容:

     

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;高度= 427 " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;高度:427px ; " allowTransparency="true"></iframe>

     

改变它:

     

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;高度= 567 " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;高度:567px ; " allowTransparency="true"></iframe>

将显示图片..所以我认为您必须从您的用户那里获取输入,然后更改高度然后设置它。