<html>
<head>
<meta charset="utf-8"/>
<title>紅白歌合戦</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="fusion.js"></script>
<script src="table.js"></script>
</head>
<body onload="fusion()">
<input type="button" value="検索" onClick="table()" />
<div id="memo" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
yahoo=new Array();
n=new Array();
a=new Array();
t=new Array();
var number;
function fusion() {
var query = "SELECT * FROM "; query=query+"1op1DcMcSux_vBgegxDAfnGfXy57dCRHvXmO1n1s";
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=?');
var sx;
sx=0;
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
for (var i in rows) {
sx=sx+1;
n[sx]=parseInt(rows[i][0]);
a[sx]=rows[i][1];
t[sx]=rows[i][3];
yahoo[sx]=rows[i][2];
}
number=sx;
$("#memo").text("準備完了");
}
});
}
google.load("visualization", "1", {packages:["table"]});
function table() {
var s;
var data = new google.visualization.DataTable();
data.addColumn('number', "n");
data.addColumn('string', "a");
data.addColumn('string', "t");
data.addRows(number);
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, n[s]);
data.setCell(s-1, 1, a[s]);
data.setCell(s-1, 2, t[s]);
}
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
}
最終更新：2013年12月24日 11:53
