アットウィキロゴ
プログラム倉庫
アットウィキロゴ
プログラム倉庫
ページ一覧

skecd5

<html>
<head>
<meta charset="utf-8"/>   
<title>skecd</title> 
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script> 
<script src="fusiontable.js"></script> 
<script src="table.js"></script> 
</head>
<body onload="fusiontable()">
<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>
<option value="2013">2013</option>
</select>
</p>
<input type="button" value="検索" onClick="table()" />
<p id="memo">準備中</p>
</body>
</html>
 
 
 
a=new Array();        
b=new Array();
c=new Array();  
d=new Array();  
e=new Array();  
var s,number; 
 
function fusiontable() {
 
       var query = "SELECT artist,title,year,month,day FROM " +
            '1Ax9bnT19VooB7Eg4-9eXyeECIxXhULTVnGdZkaQ';
 
        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'];
 
for (var i in rows) {
sx=sx+1;
a[sx]= rows[i][0]; 
b[sx]= rows[i][1];                                                    
c[sx]= parseInt(rows[i][2]);                                                    
d[sx]= parseInt(rows[i][3]);
e[sx]= parseInt(rows[i][4]);
 
}
 
number=sx;
 
 
 
}
});
 
}
 
 
google.load("visualization", "1", {packages:["table"]});
 
var subnumber;
artist=new Array();
title=new Array();
year=new Array();
month=new Array();
day=new Array();
 
function table() {
 
 
sample();
 
var data = new google.visualization.DataTable();
data.addColumn('string', 'アーチスト');
data.addColumn('string', 'タイトル');
data.addColumn('number', '年');
data.addColumn('number', '月');
data.addColumn('number', '日');
 
 
data.addRows(subnumber);
 
for(s=1;s<subnumber+1;s++){
data.setCell(s-1, 0, artist[s]);
data.setCell(s-1, 1, title[s]);
data.setCell(s-1, 2, year[s]);
data.setCell(s-1, 3, month[s]);
data.setCell(s-1, 4, day[s]); 
}
 
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
 
}
 
function sample(){
 
var y1=$("#year").val();
var sx;
 
sx=0;
for(s=1;s<number+1;s++){
if(c[s]==y1)sx=sx+1;
if(c[s]==y1)artist[sx]=a[s];
if(c[s]==y1)title[sx]=b[s];
if(c[s]==y1)year[sx]=c[s];
if(c[s]==y1)month[sx]=d[s];
if(c[s]==y1)day[sx]=e[s];
}
 
subnumber=sx;
 
 
}
 
「skecd5」をウィキ内検索
最終更新：2013年12月14日 05:28