QB/yasuda.html

## yasuda.html
<!DOCTYPE HTML>
<html lang="ja">
<head>
	<meta charset="UTF-8" />
	<title>安田記念レース結果</title>
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script>
		$(function(){
			var settings = new Array();
			set = {
			//■■ ここから設定 ■■（そのままで大丈夫です。改造したい方だけ、いじってください）

				"message" : "下の各リンクをクリックすると、当該年の安田記念のレース結果が表示されます。",
				"first" : 1984, //安田記念の掲載がある最初の年
				"font" : "'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif",
				"link_head" : "http://www.jra.go.jp/datafile/seiseki/g1/yasuda/result/yasuda",
				"link_foot" : ".html",

			//■■ 設定ここまで ■■
			}

			$("h3").text(set["message"]);
			$("*").css("font-family",set["font"]);

			//西暦算出・リンクの数を調整
			var today= new Date();
			y = today.getYear() +1900;
			var dom = "";
			for(var i=set["first"]; i<=y; i++){
				dom += "<a>"+i+"</a>";
			}
			$("#nav").html(dom); //aタグ書き出し

			$("a").click(function(){
				var link = set["link_head"] + $(this).text() + set["link_foot"];
				document.getElementById("frame").src = link;
			});
		});
	</script>
	<style>
		a{
			display:inline-block;
			color:blue;
			width:90px;
			cursor:pointer;
			text-decoration:underline;
		}
		iframe{
			display:block;
			width:100%;
			height:700px;
		}
	</style>
</head>
<body>
	<h3></h3>
	<div id="nav"></div>
	<hr />
	<iframe id="frame"></iframe>
</body>
</html>
	<!DOCTYPE HTML>
	<html lang="ja">
	<head>
	<meta charset="UTF-8" />
	<title>安田記念レース結果</title>
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script>
	$(function(){
	var settings = new Array();
	set = {
	//■■ ここから設定 ■■（そのままで大丈夫です。改造したい方だけ、いじってください）

	"message" : "下の各リンクをクリックすると、当該年の安田記念のレース結果が表示されます。",
	"first" : 1984, //安田記念の掲載がある最初の年
	"font" : "'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif",
	"link_head" : "http://www.jra.go.jp/datafile/seiseki/g1/yasuda/result/yasuda",
	"link_foot" : ".html",

	//■■ 設定ここまで ■■
	}

	$("h3").text(set["message"]);
	$("*").css("font-family",set["font"]);

	//西暦算出・リンクの数を調整
	var today= new Date();
	y = today.getYear() +1900;
	var dom = "";
	for(var i=set["first"]; i<=y; i++){
	dom += "<a>"+i+"</a>";
	}
	$("#nav").html(dom); //aタグ書き出し

	$("a").click(function(){
	var link = set["link_head"] + $(this).text() + set["link_foot"];
	document.getElementById("frame").src = link;
	});
	});
	</script>
	<style>
	a{
	display:inline-block;
	color:blue;
	width:90px;
	cursor:pointer;
	text-decoration:underline;
	}
	iframe{
	display:block;
	width:100%;
	height:700px;
	}
	</style>
	</head>
	<body>
	<h3></h3>
	<div id="nav"></div>
	<hr />
	<iframe id="frame"></iframe>
	</body>
	</html>