<!DOCTYPE html>
<html>
<head>
<title>TODO</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<p id="memo"></p>
<p id="memo2"></p>
</body>
</html>
google.load("visualization", "1", {packages:["corechart"]});
var point = new Array();
var year = new Array();
var y = new Array();
var v = new Array();
var bus = new Array();
var credit = new Array();
var dic_bus = new Array();
var dic_credit = new Array();
function sample() {
$("select").change(function () {
var b1 = $("#bus").val();
var c1 = $("#cre").val();
paint(dic_bus[b1],dic_credit[c1]);
});
var query = "SELECT * FROM " +
'1NqUu4NEeETa2q_sH_7NnK1rT871xOdfx0dnY4Ru3';
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=?');
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
sx = 0;
for (var i in rows) {
sx = sx + 1;
bus[sx]=rows[i][2];
credit[sx]=rows[i][4];
year[sx]=rows[i][0];
point[sx]=rows[i][5];
}
number = sx;
number_bus=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_bus+1;sx++){
if(bus[s]==dic_bus[sx])h=100;
}
if(h<50)number_bus=number_bus+1;
if(h<50)dic_bus[number_bus]=bus[s];
}
number_credit=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_credit+1;sx++){
if(credit[s]==dic_credit[sx])h=100;
}
if(h<50)number_credit=number_credit+1;
if(h<50)dic_credit[number_credit]=credit[s];
}
alert(number);
str1="<table class=\"mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp\">";
str2="<th class=\"mdl-data-table__cell--non-numeric\">";
str3="<td class=\"mdl-data-table__cell--non-numeric\">";
str=str1;
str=str+"<thead>";
str=str+"<tr>";
str=str+str2+"code</th>";
str=str+"<th>名前</th>";
str=str+"</tr>"
str=str+"</thead>";
str=str+"<tbody>";
for(s=1;s<number_bus+1;s++){
str=str+"<tr>";
str=str+str3+"b"+s+"</td>";
str=str+"<td>"+dic_bus[s]+"</td>";
str=str+"</tr>";
}
str=str+"</table>";
$("#memo").html(str);
str=str1;
str=str+"<thead>";
str=str+"<tr>";
str=str+str2+"code</th>";
str=str+"<th>名前</th>";
str=str+"</tr>"
str=str+"</thead>";
str=str+"<tbody>";
for(s=1;s<number_credit+1;s++){
str=str+"<tr>";
str=str+str3+"c"+s+"</td>";
str=str+"<td>"+dic_credit[s]+"</td>";
str=str+"</tr>";
}
str=str+"</table>";
$("#memo2").html(str);
}
});
}
最終更新：2016年01月17日 04:31
