Puis-je utiliser Facebook fb: ami-sélecteur dans un iframe?

Oui, cela est certainement possible, mais vous devez utiliser Facebook Connect et XFBML . Plus précisément, vous voulez utiliser le fb: serverfbml tag pour obtenir fb: travail ami sélecteur. J'ai une application iframe où j'utilise tout cela et le fb: ami-sélecteur dans la norme contexte « inviter des amis à votre application », et il fonctionne très bien.

Voici le corps de mon fichier modèle, qui obtient la sortie à l'intérieur du corps de mon 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>

Dans le bas de la page, j'ai le code standard Facebook Connect, qui chargera et rendre le fb: contenu 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>

Cela devrait être tout ce que vous avez besoin (remplir vos propres options le cas échéant, bien sûr). Vous devrez mettre en place Facebook Connect pour travailler avec un fichier récepteur inter-domaines. Je suggère en suivant les rendu étapes XFBML .

Depuis sont beaucoup de questions sur le sélecteur d'ami dans un iframe.

Les gars SINTAX correct est le maintenant <fb:serverfbml width="650px">

La question dans ce fil est toujours d'actualité, mais la réponse est obsolète. Vous devez utiliser le nouveau SDK javascript. Cela devrait remplacer le deuxième extrait de code affiché par 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>

plus d' info ici: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

un point majeur et important qui obtient manqué est que beaucoup d' entre vous (y compris moi) bâton dans les scripts à peu près partout ... mais le fichier load.js « FB » doit être chargée immédiatement après la balise body.

au moins ce que je trouve à faire tout le travail et humm en conséquence. Je l'ai trouvé sur un poste sur un autre site (ne sais pas si je devrais le poster ici ou non ...), mais il est venu après avoir passé d'innombrables heures, faire ce qui précède mentionné ci-dessus - ainsi que suivant tous les 1,2, 3 étape coup de poing dans l'obtention de l'iframe dimensionner correctement ...

et maintenant je suis devenu à travailler :)