Могу ли я использовать фб Facebook,: друг-селектор в IFRAME?

голоса
21

Я пытаюсь использовать Facebook в fb:friend-selectorFBML теги, но мое приложение работает в IFRAME. Можно ли использовать этот тег IFRAME? Если это так есть ли какие - либо примеры?

Задан 04/05/2009 в 15:47
источник пользователем
На других языках...                            


4 ответов

голоса
16

Да, это, безусловно , возможно, но вы должны использовать Facebook Connect и XFBML . В частности, вы хотите использовать фб: serverfbml тег , чтобы получить FB: друг-селектор работу. У меня есть приложение Iframe в котором я использую все эти и ГФ: друг-селектор в стандарте «пригласить друг в приложении» контекст, и он прекрасно работает.

Вот тело моего файла шаблона, который получает выход в теле моего фрейма:

<fb:serverfbml style="width: 650px;"> 
<script type="text/fbml">
    <fb:fbml> 
        <fb:request-form
            action="http://example.com/invite/sent"
            method="POST"
            invite="true"
            type="My App"
            content="Try out my app!
                <fb:req-choice url='http://your-facebook-canvas-url'
                label='<?php echo htmlspecialchars("Accept button text",ENT_QUOTES); ?>'
                /> 
            " > 
            <fb:multi-friend-selector
                showborder="false"
                actiontext="Invite your friends to try My App."
                exclude_ids="<?php echo $excludeIds; ?>"
                rows="3"
            /> 
        </fb:request-form> 
    </fb:fbml>
</script> 
</fb:serverfbml>

В сноске страницы, у меня есть стандартный код Facebook Connect, который будет загружать и визуализировать ГФ: serverfbml содержание:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">
    FB_RequireFeatures(
        ["CanvasUtil"],
        function(){
             FB.XdComm.Server.init('/xd_receiver.html');
             FB.CanvasClient.startTimerToSizeToContent();
        }
    );
</script>

<script type="text/javascript">
    FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("Your Facebook API Key", "/xd_receiver.html"); });   
</script>

Это должно быть все , что вам нужно (заполнить свои собственные варианты , когда это применимо, конечно). Вы должны настроить Facebook Connect для работы с файлом приемника междоменном. Я предлагаю следовать рендеринг шагов XFBML .

Ответил 04/05/2009 в 20:10
источник пользователем

голоса
3

Так что много вопросов о френд-селекторе в плавающем фрейме.

Ребята правильно синтаксис в настоящее время является <fb:serverfbml width="650px">

Ответил 29/07/2010 в 01:39
источник пользователем

голоса
9

Вопрос в этой теме по-прежнему актуален, но ответ устареет. Вы должны использовать новый яваскрипт SDK. Это должно заменить второй фрагмент кода, отправленный zombat

<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript">
   FB.init({appId: 'your app id',
       status: true,
       cookie: true,
       xfbml: true});
   FB.Event.subscribe('auth.sessionChange', function(response) {
     if (response.session) {
       // A user has logged in, and a new cookie has been saved
     } else {
       // The user has logged out
     }
   });
</script>

подробнее здесь: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

Ответил 09/11/2010 в 06:54
источник пользователем

голоса
0

один большой и важный момент , который получает пропустил, что многие из вас (включая меня) вставить в сценариях примерно где - нибудь ... но нужно быть загружен «FB» load.js файл СРАЗУ после тега тела.

по крайней мере, это то, что я нашел, чтобы сделать все работы и Хамм соответственно. Я нашел его на посту на другом сайте (не был уверен, если я должен разместить его здесь или нет ...), но он пришел, проведя бесчисленные часы, делая выше выше - а также после каждого другого 1,2, 3 шаг удар в получении IFRAME размера правильно ...

и теперь я получил его на работу :)

Ответил 31/01/2011 в 16:20
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more