トップ 一覧 ping 検索 ヘルプ RSS ログイン

mixi アプリ マイミクのリスト表示の変更点

  • 追加された行はこのように表示されます。
  • 削除された行はこのように表示されます。
!!!mixi アプリ マイミクのリスト表示
[mixi アプリ]
!!マイミクのリストを表示するサンプル
{{ref_image mixi_app_mymx.jpg}}
!!ソース
!重要API
,API,概要
,[newIdSpec|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.newIdSpec],[IdSpce|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.IdSpec] オブジェクトを作成
,[newFetchPeopleRequest|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest],サーバーから友だちを要求するアイテムを作成。[Collection|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.Collection] <Person> オブジェクトを返す
 <?xml version="1.0" encoding="UTF-8" ?> 
 <Module>
   <ModulePrefs title="list_friends">
     <Require feature="opensocial-0.8"/>
   </ModulePrefs> 
   <Content type="html">
      <![CDATA[ 
         <script type="text/javascript">
             // 閲覧者の友人コレクション取得要求
             function request() {
                 var idspec = opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" });
                 var req = opensocial.newDataRequest();
                 req.add(req.newFetchPeopleRequest(idspec), "friends");
                 req.send(response);
             }
             // 閲覧者の友人コレクション取得応答
             function response(dataResponse) {
                 var friends = dataResponse.get("friends").getData();
                 document.getElementById("friend_list").innerHTML = printFriendsList(friends);
             }
             // 閲覧者の友人リスト表示
             function printFriendsList(friends) {
                 var html = "<table border='1'>";
                 html += "<tr><th>Image</th><th>NickName</th></tr>";
                 friends.each( function(friend) {
                     html += "<tr>";
                     html += "<td><img src='" + friend.getField("thumbnailUrl") + "'></td>";
                     html += "<td><a href='" + friend.getField("profileUrl") + "' target='_blank'>" + friend.getDisplayName() + "</a></td>";
                     html += "</tr>";
                 });
                 html += "</table>";
                 return html;
             }
             gadgets.util.registerOnLoadHandler(request);
         </script>
         <div id="friend_list"/>
      ]]>
   </Content> 
 </Module>