---
title: "Facebook Request Dialog i en iframe på html-sida"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/190498-facebook-request-dialog-i-en-iframe-på-html-sida"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "quickhelp"
published: "2012-10-01T19:19:51.000Z"
updated: "2012-10-08T21:59:07.000Z"
replies: 10
views: 1324
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/190498-facebook-request-dialog-i-en-iframe-på-html-sida"
---

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

## #1 — quickhelp, 2012-10-01T19:19Z

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

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

Permalänk: https://www.webforum.nu/p/190498

## #2 — MickeA.com, 2012-10-02T01:59Z

Jag tror inte att du behöver "display", eller om det ens stöds. Jag har iaf. en iframe-app och där har jag gjort såhär:

```
function sendInvitations(){
	var user_ids = document.getElementsByName("user_ids")[0].value;
	FB.ui({method: 'apprequests',
		title: 'Invite friends to my super app!',
		message: 'Super app invitation',
		to: user_ids, 
	}, requestCallback);
}
```

Sen triggar jag "popupen" med en vanlig länk. Har man deras JS-SDK inläst (som resten av din kod kräver...) så öppnas den som en vanlig "Facebook-popup", alltså inte i ett eget fönster utan som en vanlig dialog på sidan du befinner dig på.

Permalänk: https://www.webforum.nu/p/2305049

## #3 — quickhelp, 2012-10-02T16:43Z

Vad menar du med en iframe-app? 
Jag kan lägga till en länk "Invite Friends" som sedan anropar en sendInvitations() och vid en klick så dyker en "Facebook-popup" upp. Dock vill jag att denna popup ska ligga i en iframe på min sida och därmed bli mer integrerat. Detta vill jag ska visas vid page load och inte efter att användaren klickat på en "Invite Friends"-länk. Går det att få det så?

Permalänk: https://www.webforum.nu/p/2305077

## #4 — MickeA.com, 2012-10-03T00:41Z

Men varför ska du ha den i en iframe? Använder du deras JS-SDK kan du ju få en "flytande" dialog direkt, som är den absolut snyggaste lösningen. Du kan ha en funktion enl. mitt exempel ovan, sen lägger du t.ex. det här i sidfoten:

```
$(function(){
	sendInvitations();
});
```

Permalänk: https://www.webforum.nu/p/2305085

## #5 — quickhelp, 2012-10-03T17:26Z

Tack för svar.

Jag kommer ha en sida där man kan invita användare på två sätt:
1) Via användarnamn (på min sida) alt. email-adress.
2) Via facebook

Jag vill att allt detta direkt ska visas på en och samma sida och därmed skulle jag vilja placera denna "Facebook-popup" direkt på sidan utan att visas som en popup (kanske funkar utan en iframe). Har dock inte hittat ett sätt att göra detta på. Det kanske inte går? Vad gör display:'iframe' egentligen, som är en parameter som finns på denna dialog.

Permalänk: https://www.webforum.nu/p/2305107

## #6 — quickhelp, 2012-10-05T19:02Z

ingen som har något svar?

Permalänk: https://www.webforum.nu/p/2305175

## #7 — MickeA.com, 2012-10-05T23:43Z

Jag har ju redan svarat, men du vägrar lyssna... Mitt exempel fungerar ju exakt som du vill, fast utan nån helt onödig popup, utan en dialogruta som öppnas på den sida du befinner dig på.

Permalänk: https://www.webforum.nu/p/2305178

## #8 — quickhelp, 2012-10-06T09:12Z

Jag provade det men får inte till det som jag vill. Antingen så missförstår jag dig, eller så förklarar jag inte så bra. Har bifogat två bilder:

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

**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)](http://forumbilder.se)

Permalänk: https://www.webforum.nu/p/2305181

## #9 — onkelborg, 2012-10-07T22:14Z

Fast det där är ju ingen popup, och jag begriper inte nyttan med en iframe

Permalänk: https://www.webforum.nu/p/2305201

## #10 — onkelborg, 2012-10-08T15:48Z

Den enda idén jag har är att med t.ex. jquery ta och ändra css på rätt element (den där dialogen som facebook skapar ligger i en iframe, men själva bordern osv ligger utanför, så den kan du påverka. Likaså kan du ändra positionen för den. Troligtvis kan du ändra storleken också. Testa

Permalänk: https://www.webforum.nu/p/2305212

## #11 — MickeA.com, 2012-10-08T21:59Z

Förstår fortf. inte varför... Finns bara fördelar med att ha det som dom "gjort", d.v.s visa dialogrutan. Redan integrerat, folk känner igen sig etc. Varför hålla på tweaka/försämra något som besökarna redan känner igen!?

Permalänk: https://www.webforum.nu/p/2305215

---

Tråden på webben: https://www.webforum.nu/amne/javascript/190498-facebook-request-dialog-i-en-iframe-på-html-sida