динамически восстанавливать Facebook как окно - PullRequest
Новая
       24

динамически восстанавливать Facebook как окно

0 голосов
/ 10 июня 2011

Я создаю веб-приложение, похожее на код коробки типа Facebook: http://developers.facebook.com/docs/reference/plugins/like-box/.

Когда пользователи вставляют его в веб-приложение, они должны иметь возможность получить похожее поле, включая каналы, если они выбрали поток, при создании кода подобного окна.

Я использовал следующий код для этого; но проблема в том, что я не могу получить фотографии пользователей, которым понравилась страница.

Как получить информацию об их профиле? 

<!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 Ответ

1 голос
/ 10 июня 2011

Итак, я проверил это, и проблема выглядит следующим образом:

Высота фрейма установлена ​​на 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; height = 427 " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height: 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>

Покажет фотографии .. Так что я думаю, что вам нужно будет принять участие от ваших пользователей, а затем изменить высоту, а затем установить его.

...