メディア

地図とオンラインOSの関係（後編）：Windows Liveが魅せる次世代マッシュアップ（2/5 ページ）

» 2007年02月22日 08時00分公開

[大澤文孝，ITmedia]

　リスト4は、Live Contacts Controlを使って、連絡先に登録された「ユーザー名」と個人用の「都道府県」「市区町村」「番地」をWebアプリケーションへと引き渡す例だ。

　すぐに後述するが、このリスト4は、ローカル環境では動作しない。適当なWebサーバに配置し、そのWebサーバと同じURLに、channel.htmlを置く必要がある。

リスト4■Live Contacts Controlの利用例


<!-- 名前空間を設定する -->
<html xmlns:devlive="http://dev.live.com">
<head>
  <title>Live Contactsのテスト</title>
  <!-- Live Contactsのソースの読み込み -->
  <script language="JavaScript"
    src="http://dev.live.com/scripts/base/v0.2/live.js">
  </script>
  <script language="JavaScript"
    src="http://dev.live.com/scripts/contacts/v0.2/control.js">
  </script>
  <script language="JavaScript">
  <!-- データを受信する -->
  function onData(p_contacts)
  {
    // 送信された連絡先の数
    var recvlength = p_contacts.length;
    alert("受信数：" + recvlength);
    // ループして展開
    for (var i = 0; i < recvlength; i++)
    {
      var username = p_contacts[i].name;
      var state = p_contacts[i].personalState;
      var city = p_contacts[i].personalCity;
      var street = p_contacts[i].personalStreet;
      alert (username + "の住所:" + state + city + street);
    }
  }
  </script>
</head>
<body>
<h1>Live Contactsの例</h1>
<devlive:contactscontrol
  style="width:180px; height=240px;float:right;"
  devlive:privacyStatementURL= 
    "http://example.com/privacy.htm"
  devlive:channelEndpointURL=
    "http://example.com/channel.htm"
  devlive:dataDesired=
    "name,personalState,personalCity,personalStreet"
  devlive:market="jp"
  devlive:onData="onData">
</devlive:contactscontrol>
</body>
</html>

　リスト4を実行すると、まず、画面5のように右側にWindows Live Contactsのログイン画面が表示される。