Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   вывод итогового значения (https://javascript.ru/forum/dom-window/43136-vyvod-itogovogo-znacheniya.html)

Anna77 23.11.2013 23:17

вывод итогового значения
 
как можно вывести таблицу на экран, без 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>


Часовой пояс GMT +3, время: 23:46.