FB.ui does not work the first time. Help!

Question

I created an app which publishes to the user's wall. The problem is, the first time the user accesses the page, the FB.ui doesn't show up. After one reload, it works perfectly.

by first time, I mean when the user gives permissions to the app, OR when he has already given permissions. In both scenarios, the problem occurs. Any ideas, people?

FB.init({
  appId  : "XXXX",
  status : true,
  xfbml  : true,
  cookie : true
});
FB.ui(
{
 method: 'stream.publish',
 message: 'test message'
      }
);

Answer 1

This is a frequent problem in JS, with things like trying to calculate how far an item has moved, and it only starts counting after the first iteration.

You need to wrap your js in window.onload = function() {

}

Although this is buggy cross-browser, and may not fix issue. Have you heard of jQuery, its:

$(document).ready(function() {
}

If a very robust solution to ths problem