<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Mail</title>
<style>
#content {
width: 65%;
height: 410px;
border: 1px solid grey;
border-radius: 7px;
padding: 20px;
padding-top: 0;
display: block;
float: right;
}
#menu {
width: 20%;
height: 395px;
padding: 25px;
padding-top: 10px;
display: block;
float: left;
border: 1px solid grey;
border-radius: 7px;
}
p + p {
text-align: center;
}
</style>
<script type="text/javascript">
window.onload = function() {
var tmp = new Array();
var tmp2 = new Array();
var param = new Array();
var get = location.search;
if(get != '') {
tmp = (get.substr(1)).split('&');
for(var i=0; i < tmp.length; i++) {
tmp2 = tmp[i].split('=');
param[tmp2[0]] = tmp2[1];
}
var obj = document.getElementById('content');
for (var key in param) {
obj.innerHTML += "<br>" + param[key] + "<br><br>";
}
}
}
</script>
</head>
<body>
<div id="menu">
<form action="index.html" name="Send">
<p><input type="text" name="Name" maxlength="20" style="width: 100%;" value="Name"></p>
<p><textarea name="Mail" style="height: 70px; width: 100%; max-width: 200px; max-height: 300px;">Message</textarea></p>
<p><input type="submit"></p>
</form>
</div>
<div id="content">
</div>
</body>
</html>
