รักษา current document แบบ dynamic ให้คงอยู่หลังจาก navigate ไปที่ page อื่นอย่างไรครับ

	Sponsor
	www.EasySoftSolution.Com Web Package หางาน

เริ่มหัวข้อใหม่

Guest

ความต้องการของผมคือ
1. เมื่อพิมพ์ข้อมูลในหน้าหลักให้สามารถเพิ่ม fields ในตารางได้ (อันนี้ทำได้จาก javascript ด้านล่างครับ)
2. link ไปที่หน้า upload เพื่อ upload file เมื่อทำการ upload ไฟล์เสร็จแล้วให้กลับมาทำที่หน้าหลัก

ปัญหามีดังนี้ครับ
1. ผมสร้างแถวให้กับ table ในหน้าหลัก แบบ dynamic จาก javascript ซึ่งสามารถทำได้ครับ มีแถวใหม่ที่สร้างแสดงในหน้าหลัก แต่พอผมสั่ง navigate ไปที่หน้า upload แล้วกลับมาที่หน้าเดิมปรากฏว่าแถวใหม่ที่สร้างไว้หายไปครับ ผมใช้ history.go(-1) ในการถอยกลับมาที่หน้าหลัก และลองกดที่ปุ่ม <-Back ที่หน้า upload ได้ผลเหมือนกัน ที่หน้าหลักผมเพิ่มแถวใหม่ผมกด Ctrl+N หน้าใหม่ที่ได้มีจำนวนแถวเท่ากับ 1 แถวตามที่มีแต่แรก (ยังไม่ได้เพิ่มแถว) ไม่ทราบว่าเกิดจากอะไรและพอจะมีวิธีแก้ไขหรือเปล่าครับ

code ที่ผมทำไว้ทดสอบครับรบกวนผู้รู้ช่วยแนะนำด้วยครับ (เป็นไปได้ผมไม่อยากให้ submit ไปขอ page ใหม่ที่ server ในขณะที่ navigate page)

*** test.html ***
<html>
<head>
</head>
<body>
<form name="main" method="get">
<table border="0" id="grdX">
<tBody>
<tr>
<td>XXXXX</td>
<td>YYYYY</td>
</tr>
</tBody>
</table>
<input type="button" value="เพิ่มรายการ" onclick="Tx()"/>
<input type="button" value="Attach Files" onclick="toNext()"/>
</form>
</body>
<script type="text/javascript">
var cBodyText = window.document.body.innerHTML;
window.document.body.innerHTML = cBodyText;
function Tx() {
var oNewRow = grdX.tBodies(0).insertRow();
oNewRow.insertCell(0);
oNewRow.insertCell(1);

oNewRow.cells(0).innerHTML = "TXTX";
oNewRow.cells(1).innerHTML = "TYTY";
cBodyText = window.document.body.innerHTML;
}

function Reload() {
document.close();
}

function toNext() {
alert(document.body.innerHTML);
main.action='test2.html';
main.submit();
}
</script>
</html>

*** test2.html ***
<html>
<body>
Page 2
<a href="javascript:window.history.go(-1)">Go Back</a>
</body>
</html>