Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I get a Modal rather than a pop up when using http to access my facebook iframe page?
    primarykey
    data
    text
    <p>When using fb.UI https hosted iframe pages give a proper modal dialog, but the same page via http gives a popup</p> <p>here is my code, largely from the facebook dialogs help page:</p> <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml"&gt; &lt;head&gt; &lt;title&gt;My Feed Dialog Page&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;oh, hello.&lt;/p&gt; &lt;div id='fb-root'&gt;&lt;/div&gt; &lt;script src='//connect.facebook.net/en_US/all.js'&gt;&lt;/script&gt; &lt;p&gt;&lt;a onclick='postToFeed(); return false;'&gt;Post to Feed&lt;/a&gt;&lt;/p&gt; &lt;p id='msg'&gt;&lt;/p&gt; &lt;script&gt; FB.init({appId: "myappid", status: true, cookie: true}); function postToFeed() { // calling the API ... var obj = { method: 'feed', link: 'http://www.facebook.com/testapp/app_myappid/', picture: 'http://fbrell.com/f8.jpg', name: 'Facebook Dialogs', caption: 'Reference Documentation', description: 'Using Dialogs to interact with users.', }; function callback(response) { document.getElementById('msg').innerHTML = "Post ID: " + response['post_id']; } FB.ui(obj, callback); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>So when i go to the page via <a href="https://www.facebook.com/testapp/app_myappid" rel="nofollow">https://www.facebook.com/testapp/app_myappid</a> I get a proper modal dialog but <a href="http://www.facebook.com/testapp/app_myappid" rel="nofollow">http://www.facebook.com/testapp/app_myappid</a> gives a horrid pop up. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload