前記事 のYahooPipesで提供されてるBadge以外を使う場合のちょっとしたデモです。
TwitpicにデータがあるTwitterIDを入力してRunボタンを押すと↓に最新五件のthumbnailが出てきます。
TwitterID:
スクリプトは↓な感じ
$(function() {
$("#twitpic_pipes_demo_btn").click(function() {
var twitterid = $("#twitpic_pipes_demo_txt").attr("value");
if ( !twitterid )
{
alert("TwitterIDを入力してください");
return;
}
$("#twitpic_pipes_demo_list").empty();
$.ajax({
"url": "http://pipes.yahoo.com/pipes/pipe.run",
"dataType": "jsonp",
"data": {
"_id": "34b936ebddc5fc529948f5d0b5f305dd",
"_render": "json",
"limit": "5",
"twitterids": twitterid,
},
"jsonp": "_callback",
"success": function(data) {
$.each(data.value.items, function(i,e) {
var a = $("<a />").attr("href", e.link);
var img = $("<img />").attr("src", e.thumburl).attr("title", e.title);
var li = $("<li />")
li.append(a.append(img));
$("#twitpic_pipes_demo_list").append(li);
});
}
});
});
});jQuery 便利すぎる。
コメントする