JQueryを利用してtwitterのpublic_timelineを表示するサンプル

投稿日: 投稿者: NAL-6295

認証とかめんどくさいんで、とりあえずpublic_timelineを表示するサンプルです。

解釈している部分はfunction getTimeLine()内の

result = $(data).find("status").each(function(){
value += "<li><span style='font-weight:bold'>" + $(this).find("user").find("screen_name").text()  +  "</span>" + $(this).find("text").text() + "</li>";
});

だけですので結構お手軽です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" 
            content="text/html; charset=UTF-8">
<script src="jquery.js"></script>
<script>
function getTimeLine()
{
	$.get("http://twitter.com/statuses/public_timeline.xml",{},
		function(data)
		{
			var value = "<ul>";
			result = $(data).find("status").each(function(){
				
				value += "<li><span style='font-weight:bold'>" + $(this).find("user").find("screen_name").text()  +  "</span>" + $(this).find("text").text() + "</li>";
			});
			value += "</ul>";
			$("#timeline").html(value);
		}
		);
}
</script>
</head>
<body>
<input type="button" onclick="getTimeLine();" value="Get!TL" />
<div id="timeline">
</div>
</body>
</html>
Share