<html>
<head>
<meta charset="utf-8"/>
<title>music</title>
<script src="jquery.js"></script>
<script src="sap.js"></script>
<script src="table.js"></script>
</head>
<body>
<p>
<label for="year">年</label>
<select id="year" name="year">
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012" selected>2012</option>
</select>
</p>
<p>
<label for="month">月</label>
<select id="month" name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4" selected>4</option>
</select>
</p>
<input type="button" value="選択" onClick="sample()" />
<p id="g"></p>
</body>
</html>
var a=new Array();
var b=new Array();
var c=new Array();
var d=new Array();
var e=new Array();
var f=new Array();
var number;
function sample() {
var y1=$("#year").val();
var m1=$("#month").val();
var query = "SELECT y,m,d,r,a,t FROM " +
'1qZ1FT7rl4Q4tGD7Ezx9g8NNCsAqe70XOvgGOUH4';
query=query+" where y="+y1+" and m="+m1;
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;
a[sx]= rows[i][0];
b[sx]= rows[i][1];
c[sx]= rows[i][2];
d[sx]= rows[i][3];
e[sx]= rows[i][4];
f[sx]= rows[i][5];
}
number=sx;
table();
}
});
}
function table(){
var str;
var s;
str="<table>";
for(s=1;s<number+1;s++){
str=str+"<tr><td>";
str=str+c[s];
str=str+"</td>";
str=str+"<td>";
str=str+d[s];
str=str+"</td>";
str=str+"<td>";
str=str+e[s];
str=str+"</td>";
str=str+"<td>";
str=str+f[s];
str=str+"</td>";
str=str+"</td></tr>";
}
str=str+"</table>";
$("#g").html(str);
}
最終更新：2013年12月11日 03:31
