<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="ok.2nd">
<meta name="description" content="">
<meta name="keywords" content="">
<title>ホームページの拡大縮小表示</title>
<style>
/* * {margin: 0px; padding: 0px; } */
/*	↓ input 除く */
body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td, caption {
	margin: 0; 
	padding: 0;
}
input {
	margin: 0;
}
input[type="submit"] {
	background-color: #e0e0e0;
}
input[type="reset"] {
	background-color: #e0e0e0;
}
input[type="button"] {
	background-color: #e0e0e0;
}
button {
	background-color: #e0e0e0;
}
textarea,input,select,button {
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	line-height: 1.3;
	*line-height: 1.0;
	font-size: 100%;
}
form { margin: 0px; }
img { border: 0px; }
body {
	background-color: #ffffff;
	margin: 5px;
	padding: 0px;
	text-align: left;
}
body { font-size: 84%; color: #101020; }
body,td,a,p,.h {font-family:arial,sans-serif; }
</style>
<script src="../scripts/cookie.js"></script>
<script>
<!--
function urlChange(size) {
	parent.zoomframe.location.href = document.all.url.value;
	saveCookie("tools_zoom_url", document.all.url.value);
}
function sizeChange(size) {
	//	document.body.style.zoom = size;
	document.all.zoomframe.style.zoom = size;
	saveCookie("tools_zoom_zoomsize", size);
}
function init()
{
	url = loadCookie("tools_zoom_url");
	if(url) {
		document.all.url.value = url;
		parent.zoomframe.location.href = document.all.url.value;
	}
	zoomsize = loadCookie("tools_zoom_zoomsize");
	if(zoomsize) {
		for (i = 0; i < document.form0.zoomsize.options.length; i++) {
			if (document.form0.zoomsize.options[i].value == zoomsize) {
				document.form0.zoomsize.selectedIndex = i;
			}
		}
		document.all.zoomframe.style.zoom = zoomsize;
	} else {
		document.form0.zoomsize.selectedIndex = 3;
		document.all.zoomframe.style.zoom = "100%";
	}

}
//-->
</script>
</head>
<body onLoad="init()" style="margin:0px;" bgcolor="#e0e0e0">
<form name="form0">
URL：<input class="text" type="text" name="url" size="80" value="">
<input input type="button" value="表示" onclick="urlChange()">
表示サイズ：<select name="zoomsize" onChange="sizeChange(this.options[this.selectedIndex].value);">
<option value="70%">70%</option>
<option value="80%">80%</option>
<option value="90%">90%</option>
<option value="100%">100%</option>
<option value="110%">110%</option>
<option value="120%">120%</option>
<option value="130%">130%</option>
<option value="140%">140%</option>
<option value="150%">150%</option>
</select>
</font>
</form>
<iframe name="zoomframe" src="" width="100%" height="95%" frameborder="0" style="zoom:100%;"></iframe>
</body>
</html>
