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

思い出目路

<html>
<head>
<meta charset="utf-8"/>   
<title>思い出のメロディー</title> 
<script src="jquery.js"></script> 
<script src="getdata.js"></script> 
<script src="view.js"></script> 
</head>
<body onload="getdata()">
<p>
<label for="number">回</label>
<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>
</select>
</p>
<input type="button" value="選択" onClick="table()" />
<p id="memo">準備中</p>
</body>
</html>
 
 
 
var a=new Array();
var b=new Array();
var c=new Array();
var number;
 
function getdata() {
 
 
       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]= rows[i][0];
b[sx]= rows[i][1];                                                     
c[sx]= rows[i][2];                                                     
}
 
number=sx;
 
view();
 
}
});
 
}
 
 
 
function view(){
 
$("#memo").html("準備完了");
 
}
 
function table(){
 
var str;
var s;
 
var y1=$("#number").val();
 
str="<table>";
for(s=1;s<number+1;s++){
if(a[s]==y1){
str=str+"<tr>";
str=str+"<td>";
str=str+a[s];
str=str+"</td>";
str=str+"<td>";
str=str+b[s];
str=str+"</td>";
str=str+"<td>";
str=str+c[s];
str=str+"</td>";
str=str+"</tr>";
}
}
str=str+"</table>";
 
$("#memo").html(str);
 
}
 
「思い出目路」をウィキ内検索
最終更新：2013年12月12日 21:30