Facebook multi-friend-selector + new javascript API = BROKEN?

Question

I am using the fb: serverfbml tag to render a multi-user selector inside an IFrame.

I am using the new javascript API. I tried ALL DAY to make it work.

When I click on the link for the highlighted line (for filtering by selected friends), the entire page refreshes and the selected friends disappear.

Does multi-user selector work with javascript API?

<fb:serverfbml> 
    <script type="text/fbml"> 
        <fb:request-form action="http://apps.facebook.com/rollingrazor/" target="_top" method="POST" invite="true" type="Blah blah blah" 
        content="Blah blah! &lt;fb:req-choice url=&quot;http://apps.facebook.com/rollingrazor/&quot; label=&quot;Let me check my friends&quot; /&gt;">
            <fb:multi-friend-selector showborder="false" actiontext="Invite your friends"  rows="5" cols="5"  bypass="cancel" target="_top"  /> 
        </fb:request-form>
    </script> 
</fb:serverfbml> 

<div id="fb-root"></div>

<script>
  window.fbAsyncInit = function () {
   FB.init({ appId: 'xxxxxxx', status: true, cookie: true,
    xfbml: true
   });
  };
  (function () {
   var e = document.createElement('script'); e.async = true;
   e.src = document.location.protocol +
    '//connect.facebook.net/en_US/all.js';
   document.getElementById('fb-root').appendChild(e);
  } ());
 </script>

Can someone give me a working example using the new javascript API using a multi-user selector?

Answer 1

JS API, JS API . , , , (, API). .