<html>
<head>
<meta charset="utf-8"/>
<title>hey</title>
<script src='https://www.google.com/jsapi'></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
<script src="play.js"></script>
</head>
<body onload="sample()">
<input type="button" value="選択" onClick="table()" />
<p id="memo">準備中</p>
</body>
</html>
var year=new Array();
var month=new Array();
var artist=new Array();
var number,num;
function sample() {
var query = "SELECT year,month,artist FROM " +
'1DjvJ_s2PY4TrjLQM-BUp4OqeviXRKfIXaE4a8ZY';
var encodedQuery = encodeURIComponent(query);
var url = ['https://www.googleapis.com/fusiontables/v1/query'];
url.push('?sql=' + encodedQuery);
url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
url.push('&callback=?');
sx=0;
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
var str2;
for (var i in rows) {
sx=sx+1;
year[sx]= rows[i][0];
month[sx]= rows[i][1];
artist[sx]= rows[i][2];
}
number=sx;
view();
}
});
}
function view(){
$("#memo").html("準備完了");
}
function table(){
var str;
var s;
str="<table>";
for(s=1;s<number+1;s++){
if(year[s]==2005){
str=str+"<tr>";
str=str+"<td>";
str=str+year[s];
str=str+"</td>";
str=str+"<td>";
str=str+month[s];
str=str+"</td>";
str=str+"<td>";
str=str+artist[s];
str=str+"</td>";
str=str+"</tr>";
}
}
str=str+"</table>";
$("#memo").html(str);
}
最終更新:2013年12月12日 19:53