динамически получать окно Facebook Like Box

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

Вопрос

Я создаю веб-приложение, похожее на код лайка из 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>
Это было полезно?

Решение

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

Высота iframe устанавливается на 427 пикселей по умолчанию изображения загружаются, но скрыты, поскольку высота 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;высота: 427 пикселей;" 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;высота: 567 пикселей;" allowTransparency="true"></iframe>

Фотки покажу..Поэтому я думаю, вам придется принять данные своих пользователей, а затем изменить высоту и затем установить ее.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top