Hi there,
I asked the same question in Facebook developer forum, but for some reasons I want to repost it here. I hope that's okay.
I have the following fb:serverfbml snippet.
<fb:serverfbml id="invite_friends_form" style="width: 100%">
<script type="text/fbml">
<fb:fbml><p>Testing FBML rendering</p></fb:fbml>
</script>
</fb:serverfbml>
<script>
$(document).ready(function()
{
// Parse XFBML tags
FB.XFBML.parse();
});
</script>
It renders correctly in Firefox and Chrome. I got the usual Facebook loading animation for a moment, and then the sentence "Testing FBML rendering" is displayed.
BUT, when I test this on Opera 10 and Internet Explorer 8, it doesn't work. I do see the Facebook loading animation, but it never finished. When I see my network monitor, I saw a request to http://www.facebook.com/plugins/serverfbml.php with my to-be-rendered FBML passed in the query string.
The request is already completed with proper response from facebook, but still, the loading animation goes on.
Does anyone know, what might be the problem here?
Thanks, Andree.