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

twitterのタイムラインをさくっと表示するJavaScript

｜ ｜ ｜ ｜ ｜ ｜ ｜

いくつかtwittwrのタイムラインを表示するJavaScriptを紹介しましたが、単純にpostを表示するのであればこれで十分かもしれません。
via：Using the Twitter JSON API to suck Twitter Posts into your Blog Asynchronously

使用方法
表示のさせ方非常にシンプルです。
まずは下記のscriptを書きます。
<script language="Javascript">
var twitter_id = 'skuare'; //表示したいtwitter ID
var twitter_count = 10; //表示数
var twitter_elem_id = 'twitter_data';

window.onload = function() {
var url = 'http://twitter.com/statuses/user_timeline/'
+ twitter_id
+ '.json?callback=twitterCallback&count='
+ twitter_count;
var script = document.createElement('script');
script.setAttribute('src', url);
document.body.appendChild(script);
}
function twitterCallback(obj){
var html = "";
for(var i=0 ; i<twitter_count && i<obj.length ; i++){
html += "<li><a href='http://twitter.com/" + twitter_id + "/status/"
+ obj[i].id + "'>" + obj[i].text + "</a></li>";
}
document.getElementById(twitter_elem_id).innerHTML = html;
}
</script>

あとは下記を記述すれば表示されるようになります。
<ul id="twitter_data">
</ul>

twitterのタイムラインをさくっと表示するJavaScript

記事作成：2009年08月16日

前の記事：要素を3D風にぐるぐる回すJavaScript「jQuery 3D」
次の記事：フォームの入力項目をリアルタイムでチェックするJavaScript「Valid8」