Here is the page: /?query=

When the "Tell others I'm buying a textbook on my facebook wall." checkbox is checked and you click "Request this textbook", regardless if the form input data is valid or not, it'll attempt to make a wall post on your facebook wall, opening up a login dialog or permission dialog as necessary.

However, the dialog doesn't show if your browser blocked popups. I've tested this in Safari and Firefox.

The javascript is triggered only when you click the "Request this textbook" button, yet the popups are still blocked, why?

(View source, scroll down, and you'll see the following relevant code as well.)

<a href="#" class="submit button" onclick="make_facebook_request_post()">Request this textbook</a></p>
  </div>

  </form>

</div>
<script type="text/javascript">
function make_facebook_request_post() {

  if ($('#id_facebook').is(':checked')) {
    facebook.do_post(function(success) {}, 
      'I am using  to buy a textbook for ACCT1501.', 'publish_stream')
  }

}
</script>

The facebook.do_post function will make the FB.api calls. See .js

Here is the page: http://textbookcentral..au/26/university-of-new-south-wales/buy/69897/acct1501/?query=

When the "Tell others I'm buying a textbook on my facebook wall." checkbox is checked and you click "Request this textbook", regardless if the form input data is valid or not, it'll attempt to make a wall post on your facebook wall, opening up a login dialog or permission dialog as necessary.

However, the dialog doesn't show if your browser blocked popups. I've tested this in Safari and Firefox.

The javascript is triggered only when you click the "Request this textbook" button, yet the popups are still blocked, why?

(View source, scroll down, and you'll see the following relevant code as well.)

<a href="#" class="submit button" onclick="make_facebook_request_post()">Request this textbook</a></p>
  </div>

  </form>

</div>
<script type="text/javascript">
function make_facebook_request_post() {

  if ($('#id_facebook').is(':checked')) {
    facebook.do_post(function(success) {}, 
      'I am using http://textbookcentral..au to buy a textbook for ACCT1501.', 'publish_stream')
  }

}
</script>

The facebook.do_post function will make the FB.api calls. See http://textbookcentral..au/site_media/static/central/js/facebook.js

• javascript
• facebook
• popup
• facebook-javascript-sdk

• 4 Okay I got it... I cannot wrap the login call inside the init call. I must init the facebook sdk way before hand. Otherwise the login call isn't invoked by the userevent, but by an ining async response. – Eric Commented Sep 5, 2011 at 14:56

1 Answer 1

Yup, they specify this in their documentation.

http://developers.facebook./docs/reference/javascript/FB.login/

Calling FB.login results in the JS SDK attempting to open a popup window. As such, this method should only be called after a user click event, otherwise the popup window will be blocked by most browsers.