WN - Facebook Request Dialog i en iframe på html-sida

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Facebook Request Dialog i en iframe på html-sida (https://www.wn.se/forum/showthread.php?t=1055189)

Facebook Request Dialog i en iframe på html-sida

Jag skulle vilja visa en facebook request dialog (för invites) som en iframe på min html-sida. Jag har följande kod nu:

Kod:

<div id="fb-root"></div>

    <script type="text/javascript">

    //<![CDATA[

           window.fbAsyncInit = function() {

               FB.init({appId: 'xyz', 

                  status: true, 

                  cookie: true, 

                  xfbml: true,

                  oauth: true});

            };





                FB.ui({ method: 'apprequests',

                    display: 'iframe',

                    title: 'Invitation to join game',

                    data: '1234',

                    new_style_message: true,

                    message: 'invitation to join game'});



            (function() {

                var e = document.createElement('script');

                e.type = 'text/javascript';

                e.src = document.location.protocol +

                    '//connect.facebook.net/en_US/all.js';

                e.async = true;

                document.getElementById('fb-root')

                                       .appendChild(e);

            }());

          //]]>

    </script>

Borde inte display:'iframe' visa detta innehåll som en iframe på sidan vid sidladdning? Eller gör ag något fel här?

Ingen som kan ge mig något svar eller ledtråd? Det kanske inte är möjligt att åstadkomma detta?

Tackar på förhand.

För att förtydliga lite så har jag bifogat två bilder.

1) Så här ser det ut nu:
http://forumbilder.se/images/b1620121110025243.jpg

2) Ungefär så här vill jag att det ska se ut (dvs, ingen popup som döljer något annat på sidan):
http://forumbilder.se/images/3f62012111130ff92.jpg