最近のトラックバック

スポンサード リンク


  • Google
    Web sketch.txt-nifty.com

リンク

« 2010年1月 | トップページ | 2010年3月 »

mixiアプリでも

 mixiアプリを試してみたい気分です。遊ぶほうはあんまり興味ないんですが、作るほうを。

 opensocial-jqueryを使ったサンプルがあんまり見つからなかったので、オーナーの名前とマイミクの名前を表示するだけの簡単なソースを貼っておきます。

    <?xml version="1.0" encoding="UTF-8"?>

    <Module>
    <ModulePrefs title="Hello, world!">
    <Require feature="opensocial-0.8" />
    </ModulePrefs>
    <Content type="html">
    <![CDATA[
               <!--------------------HTML-------------------->
               <div>Hello, <span id="owner"></span>!<br />
               friends: <span id="friends"></span>
               </div>

               <!--------------------ライブラリ-------------------->
               <script type="text/javascript" src="http://scripts.lrlab.to/opensocial-jquery-1.3.2.5.min.js">
               </script>
               <script type="text/javascript" src="http://scripts.lrlab.to/opensocial-jquery.mixi-1.0.0.min.js">
               </script>

               <!--------------------プログラム-------------------->
               <script type="text/javascript">
               //////////////////// メイン ////////////////////
               $(function() {
                     ////////// オーナーのプロフィールを取得
                     $.ajax({
                            url:"/people/@owner/@self",
                            data: {},
                            dataType: "data",
                            success: function(people) {
                                $("#owner").html(profileToHtml(people[0]));
                            },
                            error: function(xhr, status, e) {
                            console.info(xhr, status, e);
                            }
                            });
                     ////////// マイミクのリストを取得
                     var url = "/people/@owner/@friends";
                     var data = {};
                     $.getData(url, data, function(data) {
                                   var tx = "";
                                   for(var i = 0; i < data.length; i++) { //>
                                       tx += profileToHtml(data[i]);
                                   }
                                   $("#friends").html(tx);
                               });

                 });
           function profileToHtml(data) {
               var str = "";
               str += data.nickname + "<img src=\""+ data.thumbnailUrl+ "\" />";
               return str;
           }
           </script>
       ]]></Content>
    </Module>

« 2010年1月 | トップページ | 2010年3月 »

ブログパーツ



2015年5月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
無料ブログはココログ