Kan jeg bruke Facebooks fb: venn-velgeren i en iframe?

Ja, dette er definitivt mulig, men du må bruke Facebook Connect og Xfbml . Spesielt ønsker du å bruke fb: serverfbml tag å få fb: venn Velger arbeider. Jeg har en iframe app der jeg bruker alt dette og fb: venn-velgeren i standard "invitere venner til app" sammenheng, og det fungerer bra.

Her er kroppen min mal fil, som får effekt i kroppen min 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>

I bunnteksten på siden, har jeg standard Facebook Connect kode, som vil laste inn og gjengi fb: serverfbml innholdet:

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

Det burde være alt du trenger (fyll inn dine egne alternativer der det er aktuelt, selvfølgelig). Du må sette opp Facebook Connect til å jobbe med flere domener mottaker fil. Jeg anbefaler at du følger rende Xfbml trinn .

Siden den er en rekke spørsmål om venn-velgeren i en iframe.

Gutter riktig sintax nå er <fb:serverfbml width="650px">

Spørsmålet i denne tråden er fortsatt relevant, men svaret er utdatert. Du bør bruke den nye javascript SDK. Dette bør erstatte andre kodebiten postet av 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>

mer info her: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

en stor og viktig punkt som blir savnet er at mange av dere (inkludert meg) holde seg i skript omtrent hvor som helst ... men "FB" load.js fil må lastes umiddelbart etter body-koden.

minst dette er hva jeg fant for å gjøre alt arbeidet og humm deretter. Jeg fant den på et innlegg på et annet nettsted (var ikke sikker på om jeg skulle legge det ut her eller ikke ...), men det kom etter å ha tilbrakt utallige timer, gjør det ovenfor nevnte - samt å følge alle andre 1,2, 3 skritt slå inn å få iframe til størrelsen riktig ...

og nå har jeg fått det til å fungere :)