We help IT Professionals succeed at work.

Display facebook dialog request as modal popup?

MyersA
MyersA asked
on
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.
Thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    <title>My Great Website</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js">
      </script>
      <script>
         FB.init({
         appId: '999999999999', cookie: true, 
            status:true, xfbml:true 
         });

         FB.ui({ method: 'apprequests', 
            message: 'Here is a new Requests dialog...'});
      </script>
     </body>
 </html>

Open in new window

Comment
Watch Question

GlobaLevelProgrammer

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

http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/modalpopup/modalpopup.aspx

Author

Commented:
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.
Programmer
Commented:

Author

Commented:
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/
CERTIFIED EXPERT

Commented:
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.