2010年1月25日月曜日

"opensocial-jquery.minimessage"を使ってミニメッセージを表示(mixiアプリ)

スズキです。

今度は、こちらを参考にしています。
http://code.google.com/p/opensocial-jquery/wiki/PluginMiniMessage

--------【mixi.xml】--------
...
<ModulePrefs title="Hello, Friends!">
  <Require feature="opensocial-0.8" />
  <Require feature="minimessage" />
</ModulePrefs>
...
<script type="text/javascript"
   src="http://scripts.lrlab.to/opensocial-jquery.minimessage-1.0.0.min.js">
</script>
...
<script type="text/javascript">
...
  $('<span/>').text('Dismissible Message').minimessage();
...
</script>
...
--------
http://code.google.com/p/suz-lab-gae/source/browse/trunk/suz-lab-feed/war/other/mixi.xml?r=143

ミニメッセージは下記のように非常に簡単です。

(1) ModulePrefs内に下記を追加
<Require feature="minimessage" />

(2) "opensocial-jquery.minimessage-1.0.0.min.js"を読み込み

(3) 作成したタグに対して、"minimessage"メソッドでメッセージを表示

こうすることで、画面上部にミニメッセージが表示されます。


前半戦終了...

--------
http://www.suz-lab.com

0 コメント: