はく - 経済統計練習帳

var a = new Array();
var page,stage;
 
function sample(){
 
    $("#but").click(function () {
        stage = 2;
    });
 
 
    $("#up").click(function () {
        page = page - 1;
        if (page <1) page = 1;
    });
 
    $("#down").click(function () {
        page = page +1;
        if (page >5) page = 5;
    });
 
 
var timer;
var delay = 100;
 
stage = 1;
page = 1;
 
a[1] = "何をお求めですか";
a[2] = "下着を";
a[3] = "これなんかいががですか";
a[4] = "派手じゃありませんか";
a[5] = "そんなことありませんよ";
 
 
var loop = function () {
 
 
    paint();
 
    clearTimeout(timer);
    timer = setTimeout(loop, delay);
}
 
loop();
 
 
}
 
function paint(){
 
var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
str=str+sub.rect(0,0,500,500,"black");   
for(s=1;s<6;s++){
str = str + cholk(10,70*s,20,"white", a[s]);
if(page==s)str = str + cholk(10,70*s,20,"red", a[s]);
}
if(stage==2)str=str+sub.rect(0,0,500,500,"blue");   
 
 
 
 
 
str=str+"</svg>";
 
 
$("#memo").html(str);
 
}
 
function cholk(x1,y1,s1,c1,strx){
 
str2 = "<text x=" + plus(x1) + " y=" + plus(y1);
str2 = str2 + "fill=" + plus(c1);
str2 = str2 + "font-size=" + plus(s1);
str2 = str2 + ">";
str2=str2+strx+"</text>";
 
 
 
return str2;
 
}
 
function plus(stry) {
 
    sr = "\"" + stry + "\"";
 
    return sr;
}