Montrant la fenêtre, dans le nouveau Facebook SDK JavaScript

Ce qui fonctionne pour moi..

FB.ui({method:'fbml.dialog', fbml:'<fb:request-form action="URL" method="post" invite="true" type="TYPE" content="THIS IS THE MESSAGE <fb:req-choice url=\'URL\'label=\'Accept\' />" <fb:multi-friend-selector showborder="false" actiontext="REQUEST FORM TITLE" /> </fb:request-form>'})});

Remplacer les BOUCHONS avec votre contenu.

Le seul problème que je rencontre est que je peux pas comprendre comment redimensionner la boîte de dialogue ajuster le contenu. Il reste à 964px. J'ai essayé plusieurs versions de

size:(width:600,height:500),

Des Idées?

OriginalL'auteur eliwedel

Bien, après 2 jours (parce que je ne suis pas un expert JavaScript 😛 ) de la lecture de l'open source Facebook SDK JavaScript, j'ai trouvé une méthode:

FB.ui({
            method : 'fbml.dialog',
            fbml: '<fb:fbml>' +
                  '<fb:request-form action=......',
        });

Ça a l'air simple, oui, je sais, mais maintenant le problème est que lorsque j'envoie l'invitation, je reçois un nouvel onglet ouvert laissant le "dialogue" (Facebook, car la popup signifie autre chose pour eux!!!!) ouvert!

Donc, je suis toujours struggeling, mais je vais trouver la réponse!

OriginalL'auteur FearUs

Le code suivant fonctionne pour moi, mais s'il vous plaît noter les points suivants:

• La largeur et la hauteur reportez-vous à la boîte de dialogue elle-même, SANS le "fondu" d'épaisseur de bordure bleue.
• La largeur + hauteur apparaissent dans le code suivant dans 3 endroits.
• Les COLS et les LIGNES de l'attribut correspondant à la taille dans l'exemple ci - 625x515 pixels.
• Depuis IE suce, j'ai eu à utiliser avec jQuery $.navigateur pour forcer une fenêtre POP-UP dans internet explorer.

Espère que cela aide 🙂

function fb_invite_friends() {
    FB.ui({method:'fbml.dialog', display:($.browser.msie ? 'popup' : 'dialog'), size:{width:625,height:515}, width:625, height:515, fbml:'<fb:request-form action="http://yoursite.com/" method="POST" invite="true" type="DayBox" content="Would you like to check out YOUR-SITE App too? <fb:req-choice url=\'http://apps.facebook.com/your-site/\' label=\'Yes\' />" <fb:multi-friend-selector showborder="false" actiontext="Invite your friends to use DayBox" cols=5 rows=3 bypass="cancel" email_invite="true" import_external_friends="false" /> </fb:request-form>'});
}

$(document).ready(function() {

    /* Facebook */
    window.fbAsyncInit = function() {
        FB.init({appId: fb_app_id, status: true, cookie: true, xfbml: true});
        if (facebook_canvas) {
            FB.Canvas.setAutoResize(4000); //Will resize the iFrame every 4000ms
        }
        FB.Event.subscribe('edge.create', function(response) {
            //The user clicked "LIKE", so we give him more coins!
            $.get(href_url, {action:'log_likes'});
        });
        //FBML Dialog size fix
        FB.UIServer.Methods["fbml.dialog"].size = {width:625, height:515};
    };
    (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
    }());

}

OriginalL'auteur Oren

essayez ceci:

    <script>
  var uiSize = FB.UIServer.Methods["fbml.dialog"].size;
FB.UIServer.Methods["fbml.dialog"].size = {width:999};

  var dialog = {
    method: 'fbml.dialog',
    display: 'dialog',
    fbml: '<fb:request-form action="http://apps.facebook.com/xxxxx" method="post" target="_top" invite="true" type="Contest" content="Come and Join this contest!"> <fb:multi-friend-selector showborder="false" max="30" import_external_friends="false" email_invite="false" cols="5" actiontext="Invite your friends!" /></fb:request-form>',
  };
  FB.ui(dialog,function(response) {
        alert("fbDialogDismiss();");
    });
</script>

OriginalL'auteur AnD