質問

Facebookからのようなボックスコードに似たWebアプリを作成しています。 http://developers.facebook.com/docs/reference/plugins/like-box/.

ユーザーがWebアプリケーションに貼り付けると、ストリームを選択した場合、フィードを含むボックスのようなボックスを取得できるはずです。

これを行うために次のコードを使用しました。しかし、問題は、ページが気に入ったユーザーの写真を取得できないことです。

プロファイル情報を取得するにはどうすればよいですか?

<!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>
役に立ちましたか?

解決

だから私はこれをテストしました、そして、次のことが問題のようです:

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>

写真が表示されます。だから、ユーザーから入力を取得し、高さを変更してから設定する必要があると思います。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top