Freund-Selektor in einem Iframe: Kann ich von Facebook fb benutzen?

Ja, das ist definitiv möglich, aber Sie haben verwenden Facebook Connect und XFBML . Insbesondere sollten Sie die verwenden fb: serverfbml Tag fb zu erhalten: Freund-Selektor Arbeiten. Ich habe eine iframe App wobei ich dies alles verwenden und die fb: Freund-Selektor in dem Standardkontext „Freunde zu Ihrer App laden“, und es funktioniert super.

Hier ist der Körper meiner Vorlagendatei, die Ausgabe im Inneren des Körpers meiner iframe bekommt:

<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>

In der Fußzeile der Seite habe ich den Standard-Facebook Connect Code, der die fb wird geladen und Render: serverfbml Inhalt:

<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>

Das sollte alles , was Sie brauchen (geben Sie Ihre eigenen Optionen gegebenenfalls natürlich) sein. Sie müssen Facebook Connect einrichten mit einer Cross-Domain - Empfänger - Datei zu arbeiten. Ich schlage vor , im Anschluss an die Rendering XFBML Schritte .

Seit dieser sind viele Fragen über den Freund-Selektor in einem Iframe.

jetzt Jungs die richtige sintax ist <fb:serverfbml width="650px">

Die Frage in diesem Thread ist immer noch relevant, aber die Antwort ist veraltet. Sie sollten den neuen JavaScript-SDK verwenden. Dies sollte den zweiten Code-Schnipsel von zombat geschrieben ersetzen

<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>

Weitere Informationen hier: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

ein großer und wichtiger Punkt, der verpasst wird , ist , dass viele von euch (mich eingeschlossen ) in Skripten kleben überall nur über ... aber die „FB“ load.js Datei geladen werden muss SOFORT nach dem Body - Tag.

zumindest ist es das, was ich fand alle Arbeit und humm entsprechend zu machen. Ich fand es auf einem Post auf einer anderen Seite (war nicht sicher, ob ich es hier posten sollte oder nicht ...), aber es kam nach unzähligen Stunden verbringen, tun die oben vorgenannten - sowie nach jedem zweiten 1,2, 3 Schritt Punch in den iframe Größe richtig bekommen ...

und jetzt habe ich es bekommen zu arbeiten :)