We help IT Professionals succeed at work.

Display facebook dialog request as modal popup?

MyersA asked
I recently created an HTML page that will display the dialog request used to invite friends to a fanpage. The code for the page is included.

How can I display that webform as a modal popup within my fanpage? Currently, it displays as a popup.

This is what I did: I created the HTML page in my server and I created the app in facebook. Within Facebook app, in "App on Facebook", I set canvas URL to www.myDomain.com/Facebook/ . When I go to that URL, it will display the requests dialog as a popup.

Then I tried it under "PAge TAb" and I set the page tab URL to www.myDomain.com/Facebook/. Then I add the tab to my fanpage, When I click on the tab, I get the error "405 - HTTP verb used to access this page is not allowed."/

What can the problem be? I just want the requests dialog to be displayed as modal popup.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <title>My Great Website</title>
      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js">
         appId: '999999999999', cookie: true, 
            status:true, xfbml:true 

         FB.ui({ method: 'apprequests', 
            message: 'Here is a new Requests dialog...'});

Open in new window

Watch Question


am I understanding correctly...a modal popup is used via ajax



I know that a modal popup is used via ajax, but how would I implement it with the facebook requests dialog?

Thanks for your reply.


Thanks for the post. It really helped and it worked, but I have one small problem.

Essentially, the only way I made it work was to copy the first example in the link you posted ('javascript example) and paste it using the app "Static HTML: iframe tabs" to create the tab. That's all I did (and change the app_id).

The only problem is that the request sent is for "Static HTML: iframe tabs". I assume it has to do with the fact that the facebook example is within static html: iframe Tabs" How can I change this?

Thanks again/

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.

Explore More ContentExplore courses, solutions, and other research materials related to this topic.