Facebook wie Box dynamisch abrufen

StackOverflow https://stackoverflow.com/questions/6304193

Frage

Ich erstelle eine Web -App, ähnlich wie beim Like -Box -Code von Facebook: http://developers.facebook.com/docs/reference/plugins/like-box/.

Wenn Benutzer es in eine Webanwendung einfügen, sollten sie in der Lage sein, das ähnliche Feld einschließlich der Feeds zu erhalten, wenn sie den Stream ausgewählt haben, während Sie den Like -Box -Code generieren.

Ich habe den folgenden Code verwendet, um dies zu tun. Das Problem ist jedoch, dass ich die Bilder der Benutzer, die die Seite mochten, nicht abrufen kann.

Wie rufe ich ihre Profilinformationen ab?

<!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>
War es hilfreich?

Lösung

Also habe ich das getestet und das Folgende scheint das Problem zu sein:

Die Höhe des Iframe wird auf eingestellt 427px standardmäßig Die Bilder werden geladen, aber versteckt, weil die Höhe des Iframe nicht lang genug ist

Standardmäßig gibt Facebook Folgendes:

<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;Höhe = 427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;Höhe: 427px;" allowTransparency="true"></iframe>

Das auch ändern:

<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;Höhe = 567" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px;Höhe: 567px;" allowTransparency="true"></iframe>

Wird die Bilder zeigen. Ich denke, Sie müssen Ihre Benutzer Eingaben nehmen und dann die Höhe ändern und dann einstellen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top