<html>
<head>
<meta charset="utf-8">
<title>playboy10</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="playboy10.js"></script>
</head>
<body>
<p id="memo">メモ</p>
<input type="button" value="ボタン" onClick="sample()" />
</body>
</html>
var jdata=new Array();
var strx;
function sample(){
$.getJSON("playboy.json", function(data){
jdata=data;
catchdata();
$("#memo").html(strx);
});
}
function catchdata(){
var i,sx,number;
var x1,y1,x2,y2;
n=0;
strx="<svg>";
var pp=new Array();
sx=0;
for(i in jdata){
str=jdata[i].rank;
n=parseInt(str);
sx=sx+1;
pp[sx]=n;
}
number=sx;
for(sx=1;sx<number;sx++){
x1=100+5*sx;
x2=105+5*sx;
y1=600-5*pp[sx];
y2=600-5*pp[sx+1];
strx=strx+line(x1,y1,x2,y2,"red");
}
strx=strx+"</svg>";
}
function line(x1,y1,x2,y2,col){
var strx;
strx="<line x1="+change(x1)+" y1="+change(y1)+" x2="+change(x2)+" y2=";
strx=strx+change(y2)+" stroke="+change(col)+"/>";
return strx;
}
function change(str){
var strx;
strx="\""+str+"\"";
return strx;
}
最終更新：2013年10月01日 07:09
