skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

jQueryでtwitterで@がついたのを表示するプラグイン「Twitter Mentions」

｜ ｜ ｜ ｜ ｜ ｜ ｜

twitter系のJavaScriptではタイムラインを表示するケースが多くなっています。
そんな中、jQuery Twitter Mentionsは、@でリプライされたものを表示してくれます。

使用方法
Plugins | jQuery Pluginsからファイルをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.twitter.mentions.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#id名').twitterMentions(
['skuare','id名'],{
avatar : true, //アバターを表示
maximum : 20, //最大表示件数
ulClass : 'twitter-mentions', //クラス名
odd : true, //偶数行の
oddClass : 'odd' //クラス名を設定
});
});
</script>

あとは、上記指定のid名を記述すれば表示されます。
<div id="content"></div>
デザイン部分はCSSで調整します。

jQueryでtwitterで@がついたのを表示するプラグイン「Twitter Mentions」サンプル

記事作成：2009年10月16日

前の記事：jQueryで複数ユーザーのtwitterタイムラインを表示する「A jQuery Twitter Ticker」
次の記事：[メモ]モバイルエミュレーター