忍者ブログ

The Preparation Room

テンプレートを製作・テストしています。


[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Twitter Badgeをもうちょいいじって貼ってみる

あいかわらずぐたぐた感たっぷりの発言しか無いtwitterなのですが、折角なのでブログに貼ってみることに。
バッジのJavaScriptは、
Twitter Badges 時間の丸め方が違う件 | ニンブロラボ.
第5回:twitter の JavaScript Badge を改造する | creazy photograph
こちらを参考にさせて頂きました!
ついでに気になっていたところをいじらせて頂きました。
まずは@発言をはじく。
自分はそんなに長々チャット状態にならないので2回だけはじいてます。
もう一つ、日付表示を「○ days ago」を twitter homeページのように日付で表示。

というわけで自分が使っているコードは、

function relative_time(time_value) {
time_values = time_value.split(" ");
time_value = time_values[1]+" "+time_values[2]+", "+time_values[5]+" "+time_values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset()*60);
date_values = time_values[1]+" "+time_values[2]+", "+time_values[5];
if(delta < 60) {
return 'less than a minute ago';
} else if(delta < 120) {
return 'about a minute ago';
} else if(delta < (45*60)) {
return (parseInt(Math.round(delta / 60))).toString() + ' minutes ago';
} else if(delta < (90*60)) {
return 'about an hour ago';
} else if(delta < (24*60*60)) {
return 'about ' + (parseInt(Math.round(delta / 3600))).toString() + ' hours ago';
} else {
return (date_values);
}
}

function twitterCallback(obj) {
var id = obj[0].user.id;
if (obj[0].text.match(/^@/)) {
i=1;
} else if (obj[0].text.match(/^@/) && obj[1].text.match(/^@/)) {
i=2;
} else {
i=0;
}
document.getElementById('my_twitter_status').innerHTML = obj[i].text;
document.getElementById('my_twitter_status_time').innerHTML = relative_time(obj[i].created_at);
}

document.write(
'<scr'+'ipt '
+'type="text/javascript" '
+'src="http://www.twitter.com/statuses/user_timeline/自分の番号.json?callback=twitterCallback&count=3">'
+'</scr'+'ipt>'
);

こんな感じです。
どっちももうちょい上手いやり方がありそうなので、詳しい方は御教授願いたいです(^^;
PR

Comments

Leave a comment

※メールアドレスは公開されません。

 Vodafone絵文字 i-mode絵文字 Ezweb絵文字

Trackback

※トラックバックは管理人の了承後に公開されます。


ブログ内検索(4)

QRコード(4)


Template Designed by miu_uim

忍者ブログ [PR]