<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有線</title>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script src="jquery.js"></script>
<script src="line.js"></script>
<script src="view.js"></script>
</head>
<body onload="sample()">
<input type="button" value="選択" onClick="play()" />
<div id="memo">準備中</div>
</body>
</html>
var artist=new Array();
var title=new Array();
var c=new Array();
var d=new Array();
var number,num;
function sample() {
var query = "SELECT artist,title FROM " +
'1NX-b2frpdDj9B89BhF3Kcshpx2Usz8WWpHWK6TY';
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;
artist[sx]= rows[i][0];
title[sx]= rows[i][1];
}
number=sx;
num=0;
view();
}
});
}
google.load('visualization', '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function view(){
$("#memo").html("準備完了");
}
function play(){
var data = new google.visualization.DataTable();
data.addColumn('string', 'name');
data.addColumn('string', 'music');
data.addRows(40);
for(s=1;s<41;s++){
data.setCell(s-1, 0, artist[s]);
data.setCell(s-1, 1, title[s]);
}
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
}
最終更新：2013年12月11日 19:02
