「Mixi アプリ マイミクのリスト表示」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「==mixi アプリ マイミクのリスト表示== [mixi アプリ] ===マイミクのリストを表示するサンプル=== File:0799_mixi_app_mymx.jpg ===ソー…」) |
|||
| 1行目: | 1行目: | ||
==mixi アプリ マイミクのリスト表示== | ==mixi アプリ マイミクのリスト表示== | ||
| − | [mixi アプリ] | + | [[mixi アプリ]] |
===マイミクのリストを表示するサンプル=== | ===マイミクのリストを表示するサンプル=== | ||
[[File:0799_mixi_app_mymx.jpg]] | [[File:0799_mixi_app_mymx.jpg]] | ||
| 13行目: | 13行目: | ||
|- | |- | ||
|[http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.Collection newFetchPeopleRequest|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest] | |[http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.Collection newFetchPeopleRequest|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest] | ||
| − | |サーバーから友だちを要求するアイテムを作成。[Collection] | + | |サーバーから友だちを要求するアイテムを作成。[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() { | function request() { | ||
| 38行目: | 38行目: | ||
// 閲覧者の友人リスト表示 | // 閲覧者の友人リスト表示 | ||
function printFriendsList(friends) { | function printFriendsList(friends) { | ||
| − | var html = " | + | var html = "<table border='1'>"; |
| − | html += " | + | html += "<tr><th>Image</th><th>NickName</th></tr>"; |
friends.each( function(friend) { | friends.each( function(friend) { | ||
| − | html += " | + | html += "<tr>"; |
| − | html += " | + | html += "<td><img src='" + friend.getField("thumbnailUrl") + "'></td>"; |
| − | html += " | + | html += "<td><a href='" + friend.getField("profileUrl") + "' target='_blank'>" + friend.getDisplayName() + "</a></td>"; |
| − | html += " | + | html += "</tr>"; |
}); | }); | ||
| − | html += " | + | html += "</table>"; |
return html; | return html; | ||
} | } | ||
gadgets.util.registerOnLoadHandler(request); | gadgets.util.registerOnLoadHandler(request); | ||
| − | + | </script> | |
| − | + | <div id="friend_list"/> | |
| − | ]] | + | ]]> |
| − | + | </Content> | |
| − | + | </Module> | |
2020年2月15日 (土) 08:04時点における版
mixi アプリ マイミクのリスト表示
マイミクのリストを表示するサンプル
ソース
重要API
| API | 概要 |
|---|---|
| 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.DataRequest.newFetchPeopleRequest] | サーバーから友だちを要求するアイテムを作成。[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>
© 2006 矢木浩人
