アットウィキロゴ

んhk

<html>
<head>
<meta charset="utf-8"/>   
<title>思い出</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()">
<select id="number" name="number">
<option value="21">21</option>
<option value="22">22</option>
<option value="23" selected>23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
</select><input type="button" value="選択" onClick="table()" />
<div id="chart" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
 
 
var a=new Array();
var b=new Array();
var c=new Array();
var number;
 
function fusiontable() {
 
 
       var query = "SELECT a,b,c FROM " +
            '1gzTysB4plB46XOHOWOZHK5uQ431BDbKRRyK9BAc';
 
        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]= parseInt(rows[i][0]);
b[sx]= rows[i][1];                                                     
c[sx]= rows[i][2];                                                     
}
 
number=sx;
 
$("#chart").text("準備完了"); 
 
}
});
 
}
 
 
google.load("visualization", "1", {packages:["table"]});
 
var subnumber;
t=new Array();
artist=new Array();
 
function table() {
 
var s;
 
sample();
 
var data = new google.visualization.DataTable();
data.addColumn('string', '歌手');
data.addColumn('string', '曲名');
 
data.addRows(subnumber);
 
for(s=1;s<subnumber+1;s++){
data.setCell(s-1, 0, a[s]);
data.setCell(s-1, 1, t[s]);
}
 
var table = new google.visualization.Table(document.getElementById('chart'));
table.draw(data, {showRowNumber: true});
 
}
 
function sample(){
 
var n1,s,sx,n2;
 
n1=$("#number").val();
 
 
sx=0;
for(s=1;s<number+1;s++){
if(a[s]==n1)sx=sx+1;
if(a[s]==n1)t[sx]=c[s];
if(a[s]==n1)a[sx]=b[s];
}
 
subnumber=sx;
 
}
 
最終更新:2013年12月21日 12:19