<html>
<head>
<meta charset="utf-8"/>
<title>music japan</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="yahoo.js"></script>
<script src="search.js"></script>
<script src="mj.js"></script>
<script src="table.js"></script>
</head>
<body onload="yahoo()">
<input type="button" value="アーチスト検索" onClick="search()" />
<textarea id="artist"></textarea>
<br>
<input type="button" value="グラフを描く" onClick="mj()" />
<div id="memo" style="width: 1000px; height: 500px;">準備中</div></body>
</html>
var number;
y=new Array();
m=new Array();
d=new Array();
t=new Array();
function mj() {
var query = "SELECT * FROM ";
query=query+'1HdRTLls1JGq3Xa0MXBVmuGyAR3eL97QurM6EhjU';
query=query+" where yahoo='"+yah+"'";
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'];
var tx;
for (var i in rows) {
sx=sx+1;
y[sx]= parseInt(rows[i][0]);
m[sx]= parseInt(rows[i][1]);
d[sx]= parseInt(rows[i][2]);
t[sx]= rows[i][5];
}
number=sx;
table();
}
});
}
google.load("visualization", "1", {packages:["table"]});
function table() {
var s;
var data = new google.visualization.DataTable();
data.addColumn('number', "年");
data.addColumn('number', "月");
data.addColumn('number', "日");
data.addColumn('string', "曲");
data.addRows(number);
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, y[s]);
data.setCell(s-1, 1, m[s]);
data.setCell(s-1, 2, d[s]);
data.setCell(s-1, 3, t[s]);
}
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
}
var ynumber;
n=new Array();
id=new Array();
function yahoo() {
var query = "SELECT * FROM " +
'1r5TfbdaxUN5zy56j7Wcua6eGAec9ikQNS7suxr8';
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'];
var tx;
for (var i in rows) {
sx=sx+1;
n[sx]= rows[i][0];
id[sx]= rows[i][1];
}
ynumber=sx;
$("#memo").text("準備完了");
}
});
}
var yah;
function search(){
var s,h;
var a1=$("#artist").val();
yah="nono";
for(s=1;s<ynumber+1;s++){
if(a1==n[s])yah=id[s];
}
h=0;
if(yah=="nono")h=100;
if(h>50)sample(a1);
if(h<50)$("#memo").html("検索完了");
}
function sample(a1) {
var urlx="http://yahoo.excale.net/yahoo?artist="+a1;
$.ajax({
type: 'GET',
url: urlx,
dataType: 'jsonp',
jsonpCallback: 'callback',
success: function(json){
var number = json.length;
var i;
if(number>0)yah=json[0].yahoo;
$("#memo").html("検索完了");
}
});
}
最終更新:2013年12月23日 17:46