<html>
<head>
<meta charset="utf-8">
<title>music</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="music.js"></script>
<script src="table.js"></script>
</head>
<body>
<select id="year" name="year">
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012" selected>2012</option>
</select>
年
<select id="month" name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6" selected>6</option>
</select>
月
<input type="button" value="検索" onClick="sample()" />
<div id="memo" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
r = new Array();
t = new Array();
a = new Array();
w = new Array();
var number;
function sample(){
var year,month;
year=$("#year").val();
month=$("#month").val();
var file;
file="music.php?year="+year+"&month="+month;
$.get(file, function (data) {
var s,str;
str = "";
for (s = 0; s < data.length; s++) {
str = str + data[s];
}
var x = str.split(",");
number = x.length;
number = number / 4;
for (s = 1; s<number + 1;s++) {
w[s] = parseInt(x[4 * s-4]);
r[s] = parseInt(x[4 * s-3]);
a[s] =x[4 * s-2];
t[s] =x[4 * s-1];
}
$("#memo").html("準備完了");
table();
});
}
google.load("visualization", "1", {packages:["table"]});
function table() {
var data = new google.visualization.DataTable();
data.addColumn('number', '週');
data.addColumn('number','順位');
data.addColumn('string','歌手');
data.addColumn('string','曲名');
data.addRows(number);
for(s=1;s<number+1;s++){
data.setCell(s-1, 0,w[s]);
data.setCell(s-1, 1,r[s]);
data.setCell(s-1, 2,a[s]);
data.setCell(s-1, 3,t[s]);
}
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
}
<?php
require('calldata.php');
$year=$_GET['year'];
$month=$_GET['month'];
$sql="SELECT w,r,a,t FROM music where y=".$year." and m=".$month;
$result = mysql_query($sql);
$sx=0;
while ($row = mysql_fetch_assoc($result)) {
$sx=$sx+1;
$w[$sx]=$row['w'];
$r[$sx]=$row['r'];
$a[$sx]=$row['a'];
$t[$sx]=$row['t'];
}
$number=$sx;
for($s=1;$s<$number;$s++){
print($w[$s]);
print(",");
print($r[$s]);
print(",");
print($a[$s]);
print(",");
print($t[$s]);
print(",");
}
$s=$number;
print($w[$s]);
print(",");
print($r[$s]);
print(",");
print($a[$s]);
print(",");
print($t[$s]);
mysql_close($link);
?>
最終更新:2013年12月19日 08:39