แต่ถ้าทำให้เป็น popup น่าจะดีกว่า เพราะจำกัดการแสดงผลได้ และผู้ใช้จะปิด popup ได้ง่ายกว่า ผมว่าถ้าจะทำอะไรแล้วต้องทำให้ดีที่สุด นอกจากจะเป็น popup แล้วก็ยังต้องการให้อยู่กลางจอด้วยเพื่อความสวยงาม มาดูตัวอย่างกันครับ

function submitPopup (objForm,W,H,S) {
	// W = width, H = height, S = scrollbar
	var winleft	=	(screen.width - W) / 2;
	var winup	=	(screen.height - H) / 2;
	winProp		=	'width='+W+',height='+H+',left='+winleft+',top='+winup+',scrollbars='+S+',resizable' + ',status=yes'
 
	objForm.target = "newPopup";
	window.open('', "newPopup", winProp);
	objForm.submit();
}

ตัว function javascript ด้านบน ทำงานดังนี้
1. คำนวณตำแหน่งกลางจอ
2. ทำการสร้าง popup ขึ้นมามีชื่อว่า newPopup
3. สั่ง submit form

 
<form action="/path/to/script.php" method="post" name="frmTest" id="frmTest" target="newPopup">
<input type="text" value="test" name="test" id="test">
<input type="button" value="Submit" name="Submit" id="Submit" onClick="submitPopup(document.frmTest,300,400,'no');">
<a href="javascript:submitPopup(document.frmTest,300,400,'no');">Submit</a>
</form>
 

คำสั่ง html ทำงานดังนี้
1. เมื่อกดปุ่ม Submit หรือ click link ที่คำว่า Submit จะไปเรียก function submitPopup() ของ javascript ให้ทำงานโดยส่ง parameter ไป 4 ตัว
2. จุดสังเกตุคือ target="newPopup" ใน tag form จะชื่อเดียวกับ popup ที่สร้างใหม่จาก javascript นั่นเอง เพราะถ้าเราใส่ชื่อ target ที่ไม่มีอยู่จริงมันจะเด้งเป็นหน้าใหม่ แต่ว่าตัว javascript ไปดักสร้าง popup ชื่อว่า newPopup ไว้ทำให้ form ถูก submit ไปยัง popup ดังกล่าวนั่นเอง

 
<div style="position: absolute; width: 1020px; height: 600px; left: 50%; margin-left: -510px; top: 50%; margin-top: -300px;">
ข้อมูลของเรา จะใส่ table ในนี้ก็ตามใจ อย่าไปกังวลไรมาก ทำงานให้ดูได้ก็จบ !
</div>
 

จาก code เรามาดูกันถึงรายละเอียด

width: 1020px;

คือความกว้างของ content ของเรา

height: 600px;

คือความสูงของ content ของเรา

ด้วยความต่างของ browser ที่ support มาตรฐานไม่ตรงกันเลยเกิด

left: 50%; margin-left: -510px;

top: 50%; margin-top: -300px;

พวก top: left: 50% ก็ง่ายๆ อยู่กลางจอ ส่วน
margin-left: และ margin-top: ต้องใช้เครื่องคิดเลขกันหน่อย

คือแบบว่าเขียนโปรแกรมนานไม่ค่อยได้บวกเลข
ก็เอา ความกว้าง 1020 / 2 และความสูง 600 / 2 ก็จะได้ค่าทั้ง 2 ตัว
ที่ต้องติดลบก็เพราะว่าวัดครึ่งจากตัวมัน แล้วติดด้านบน กับชิดซ้าย
ตามตัวเลขดังกล่าวนั่นเอง

code บรรทัดเดียว โม้ได้ยาว มันน่าภูมิใจจริงๆ