戻る

ソース

<!<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script src="js/jquery.autolink.js" type="text/javascript"></script>
<title></title>
<script>
$("#index").live("pageshow",function(){
	
	$("#team").live("change",function(){
		
		var enc = $("#team").val();
		
		var api = "http://search.twitter.com/search.json?q=%23" + enc + "&callback=?";
		
		$.ajax({
			url:api,
			dataType:'jsonp',
			beforeSend:function(){
				$.mobile.showPageLoadingMsg();
			},
			success:function(data){
				
				$(":jqmData(role=listview)").html("");
				
				$.each(data.results, function(i,item){
					$(":jqmData(role=listview)").append("<li><h2>" + item.text + "</h2></li>").listview('refresh')
				});
				
				$("li").autolink();
				
				$.mobile.hidePageLoadingMsg();
			}
		});

	});
});
</script>
</head>
<body>
<div data-role="page" id="index">
<div data-role="header">
	<h1>Twitterキーワード検索</h1>
</div>
<div data-role="content">
	<div data-role="fieldcontain">
		<laebl for="team">チーム:</label>
		<select name="team" id="team" data-native-menu="false" data-theme="a" data-overlay-theme="e">
			<option value="カープ">カープ</option>
			<option value="ジャイアンツ">ジャイアンツ</option>
			<option value="スワローズ">スワローズ</option>
			<option value="タイガース">タイガース</option>
			<option value="ドラゴンズ">ドラゴンズ</option>
			<option value="ベイスターズ">ベイスターズ</option>
		</select>
	</div>
	<ul data-role="listview" data-inset="true"></ul>
</div>
<div data-role="footer">
	<h4>Yohsuke Nakano</h4>
</div>
</div>
</body>
</html

inserted by FC2 system