Question

I tried to implement the Facebook multi friend selector in my Ruby on Rails application.
The FB login has already been done. I tried to paste this code into my view it but doesnt seem to be working.

   <fb:serverFbml>
        <script type="text/fbml">
            <fb:fbml>
                <fb:request-form
                    method='POST'
                    type='an invitation to do this.'
                    content='I invite you to do this.  
                        <fb:req-choice url="http://apps.facebook.com/smiley/yes.php" label="Yes" />
                        <fb:req-choice url="http://apps.facebook.com/smiley/no.php" label="No" />'
                    <fb:multi-friend-selector actiontext="I invite you to do this.">
                </fb:request-form>
            </fb:fbml>
        </script>
    </fb:serverFbml>

I can see the Loading indicator which comes in Facebook, but it seems to be there forever.
Is there anything I am missing here? Pls help!

Answer 1

 <div id="facebook_invites" class="conclusion" style="width: 750px; text-align: center">
    If you like <%= link_to "BillBaba.com", "/", :target => "_BLANK" %>, then please help us by spreading the word.<br/>
  <a id="wall_post" href="#" style="font-size: 2em;">Post on your Wall</a><br/>
  <a id="invite_friends" href="#" style="font-size: 1.5em;">Invite your Friends</a>
  </div>
    <div id="fb-root"></div>
  <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
    <script type="text/javascript">
      $('#wall_post').click(function() {
        FB.init({
          appId:'<%= @app_id %>', cookie:true,
          status:true, xfbml:true
        });

        FB.ui({ method: 'feed',
          link: 'http://www.billbaba.com',
          picture: 'http://www.billbaba.com/images/logo.gif',
          description: 'There is so much more to life, other than bill payments. Try BillBaba.com and never miss another bill payment.',
          name: 'BillBaba.com'});
      });

      $('#invite_friends').click(function() {
        FB.init({
          appId:'<%= @app_id %>', cookie:true,
          status:true, xfbml:true
        });

        FB.ui({ method: 'apprequests',
          message: 'There is so much more to life, other than bill payments. Try BillBaba.com and never miss another bill payment.'});
      });
    </script>

Here @app_id is the application id being passed from the controller.