как можно вывести таблицу на экран, без pop-up?
<head>
<style>
table{
padding:5px;
border:1px #777777 solid;}
.x{
width:85px;
border:0px;}
table,.x,#itog{
background:#eeeeee;}
.x,td{
text-align:center;}
#itog{
color:red;}
</style>
<script>
function tab(){
var Arr1 = new Array();
var Arr2 = new Array();
var Arr3 = new Array();
var i = 0;
Arr1[0] = "A";
Arr1[1] = myForm.d1.value;
Arr1[2] = myForm.s1.value;
Arr1[3] = myForm.k1.value;
Arr2[0] = "B";
Arr2[1] = myForm.d2.value;
Arr2[2] = myForm.s2.value;
Arr2[3] = myForm.k2.value;
Arr3[0] = "C";
Arr3[1] = myForm.d3.value;
Arr3[2] = myForm.s3.value;
Arr3[3] = myForm.k3.value;
var newWin = window.open("", "newWin", toolbar="yes");
newWin.document.write("<table style='padding:5px; border:2px solid green; text-align:center;'><tr><td>" + "Calculate" + "</td><td><span>" + "</span></td></tr>");
newWin.document.write("<tr><td><span>" + "</span></td><td><span>" + "</span></td><td>" + "Size" + "</td><td><span>" + "</span></td></tr>");
newWin.document.write("<tr><td><span>" + "</span></td><td>" + "S" + "</td><td>" + "M" + "</td><td>" + "L" + "</td></tr>");
newWin.document.write("<tr><td>" + Arr1[0] + "</td><td>" + Arr1[1] + "</td><td>" + Arr1[2] + "</td><td>" + Arr1[3] + "</td></tr>");
newWin.document.write("<tr><td>" + Arr2[0] + "</td><td>" + Arr2[1] + "</td><td>" + Arr2[2] + "</td><td>" + Arr2[3] + "</td></tr>");
newWin.document.write("<tr><td>" + Arr3[0] + "</td><td>" + Arr3[1] + "</td><td>" + Arr3[2] + "</td><td>" + Arr3[3] + "</td></tr>");
newWin.document.write("<tr><td><span>" + "</span></td><td>" + "Calculate" + "</td><td>" + "" + "</td></tr>");
newWin.document.write("</table>");
}
</script>
</head>
<body onload="tab()">
<table>
<tbody id="form">
<tr><td colspan="5" align="center"><h3>Calculate</h3></td></tr>
<form name="myForm">
<tr><td colspan="2"></td><td colspan="3">Size:</td></tr>
<tr><td colspan="2"></td><td>small<br/><input name="dl" type="radio" checked></td><td>medium<br/><input name="dl" type="radio"</td><td>large<br/><input name="dl" type="radio"</td></tr>
<tr><td><input type="checkbox" name="color"></td><td>A</td><td><input class="x" type="text" name="d1" value="30" readonly></td><td><input class="x" type="text" name="s1" value="35" readonly></td><td><input class="x" type="text" name="k1" value="40" readonly></td></tr>
<tr><td><input type="checkbox" name="cut"></td><td>B</td><td><input class="x" type="text" name="d2" value="35" readonly></td><td><input class="x" value="40" type="text" name="s2" readonly></td><td><input class="x" type="text" name="k2" value="45" readonly></td></tr>
<tr><td><input type="checkbox" name="fler"></td><td>C</td><td><input class="x" type="text" name="d3" value="50" readonly></td><td><input class="x" value="55" type="text" name="s3" readonly></td><td><input class="x" type="text" name="k3" value="60" readonly></td></tr>
<tr><td colspan="3" align="center"><input type="button" onclick="calc()" value="Calculate"></td><td colspan="2"><input type="text" id="itog" name="itog" readonly></td></tr>
</form>
</tbody>
</table>
</body>
</html>
