Kan ik gebruik maken van Facebook's fb: vriend-selector in een iframe?

Ja, dit is zeker mogelijk, maar je moet gebruik maken van Facebook Connect en XFBML . In het bijzonder, wil je het gebruiken fb: serverfbml tag fb krijgen: vriend-selector werken. Ik heb een iframe app waarbij ik gebruik dit alles en de fb: vriend-selector in de standaard "vrienden uitnodigen om uw app" context, en het werkt geweldig.

Hier is het lichaam van mijn template file, welke uitgang wordt in het lichaam van mijn 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>

In de voettekst van de pagina, ik heb de standaard Facebook Connect code, die de fb zal laden en renderen: serverfbml inhoud:

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

Dat moet alles wat je nodig hebt (vul uw eigen opties, indien van toepassing, natuurlijk). Je moet het opzetten van Facebook Connect om te werken met een cross-domain ontvanger bestand. Ik stel voor na de rendering XFBML stappen .

Sinds die zijn veel vragen over de vriend-selector in een iframe.

Jongens van de juiste syntax is nu <fb:serverfbml width="650px">

De vraag die in deze thread is nog steeds relevant, maar het antwoord is verouderd. U moet de nieuwe javascript SDK gebruiken. Dit moet de tweede codefragment geplaatst door zombat vervangen

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

meer info hier: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

een grote en belangrijke punt dat wordt gemist is dat velen van jullie (waaronder ik) steken in scripts zowat overal ... maar de "FB" load.js bestand moet worden geladen onmiddellijk nadat het lichaam tag.

althans dat is wat ik gevonden om alles te laten werken en humm dienovereenkomstig te maken. Ik vond het op een post op een andere site (was niet zeker of ik het hier wel of niet zou moeten plaatsen ...), maar het kwam na urenlang, het doen van de hierboven eerder genoemde - evenals na elke andere 1,2, 3 stap punch in het krijgen van de iframe op maat goed ...

en nu heb ik het gekregen om te werken :)