ผมติดปัญหา javascript : this.form.submit() และ function : do

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ น่ะค่ะ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

nattkhanesha
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 20 ก.ย. 2012, 13:40

ผมติดปัญหา javascript : this.form.submit() และ function : do

โพสต์โดย nattkhanesha » 25 ก.ย. 2012, 22:22

ผมติดปัญหา javascript : this.form.submit() และ function : document.form.action หลายเพจครับ

ถ้าลองจากโค๊ด ตามขั้นตอนนี้ครับ

1. เปิดไฟล์ test1.php แล้วจะมีช่องให้เลือก checkbox กับปุ่ม Export , Preview , Reset นะครับ

2. ลองเลือก checkbox อันไหนก็ได้ครับ (ex. เลือก Col_1 กับ Col_2) แล้วกดปุ่ม Preview

3. หลังจากกดปุ่ม Preview แล้ว จะ action.target ไปเปิดหน้าต่างเพจใหม่

4. ปิด Close tab (test_3.php) หน้าต่างเพจใหม่ หลังจากกดปุ่ม Preview (ข้อ. 3)

5. จากนั้นกลับไปหน้าต่างเพจ test1.php เดิม (ex. เลือก Col_1 กับ Col_2) ที่ได้เลือก checkbox ค้างเอาไว้
ทำการเลือก checkbox เพิ่มเติม เป็น (ex. Col_1 กับ Col_2 และ Col_3) จะพบปัญหาตอนที่เลือก checkbox เพิ่มเติมครับ
เพราะ มันทำการ เปิดหน้าต่างเพจใหม่ เลย โดยไม่ต้องกดปุ่ม Preview ครับ

ผมอยากจะให้ เปิดหน้าต่างเพจใหม่ โดยต้องกดปุ่ม Preview เท่านั้น ครับ

ช่วยแนะนำและแก้ไขโค๊ดให้หน่อยนะครับ

///////////////////////////////////////////////// code ///////////////////////////////////////////////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function fncSubmit(strPage)
{
if(strPage == "page1")
{
document.form1.action="<?=$_SERVER['SCRIPT_NAME'];?>?key1=<?=$_REQUEST['key1'];?>&key2=<?=$_REQUEST['key2'];?>&key3=<?=$_REQUEST['key3'];?>&key4=<?=$_REQUEST['key4'];?>&key5=<?=$_REQUEST['key5'];?>";
}

if(strPage == "page2")
{
document.form1.action="test_2.php?key1=<?=$_REQUEST['key1'];?>&key2=<?=$_REQUEST['key2'];?>&key3=<?=$_REQUEST['key3'];?>&key4=<?=$_REQUEST['key4'];?>&key5=<?=$_REQUEST['key5'];?>";
}

if(strPage == "page3")
{
document.form1.action="test_3.php?key1=<?=$_REQUEST['key1'];?>&key2=<?=$_REQUEST['key2'];?>&key3=<?=$_REQUEST['key3'];?>&key4=<?=$_REQUEST['key4'];?>&key5=<?=$_REQUEST['key5'];?>";
document.form1.target="test_3.php?key1=<?=$_REQUEST['key1'];?>&key2=<?=$_REQUEST['key2'];?>&key3=<?=$_REQUEST['key3'];?>&key4=<?=$_REQUEST['key4'];?>&key5=<?=$_REQUEST['key5'];?>";
}

document.form1.submit();
}
</script>
</head>

<body>
<?
function checked($var1,$var2){
if ($var1==$var2)
return " CHECKED ";
}
?>
<form id="form1" name="form1" enctype="multipart/form-data" method="get" onsubmit="return ValidateForm()">
<table width="799" border="0" cellspacing="1">
<tr>
<td height="26" colspan="2" align="left" bgcolor="#FFFFFF"><strong>Column(s)</strong></td>
<td align="left" bgcolor="#FFFFFF">&nbsp;</td>
<td align="left" bgcolor="#FFFFFF">&nbsp;</td>
<td align="left" bgcolor="#FFFFFF">&nbsp;</td>
<td align="left" bgcolor="#FFFFFF">&nbsp;</td>
<tr>
<td width="12%" height="10" align="left" bgcolor="#FFFFFF"><input name="key1" type="checkbox" id="key1" value="1" onChange="this.form.submit()" <?php echo checked($_REQUEST['key1'],"1") ?>/>
Col_1</td>
<td width="12%" align="left" bgcolor="#FFFFFF"><input name="key2" type="checkbox" id="key2" value="1" onChange="this.form.submit()" <?php echo checked($_REQUEST['key2'],"1") ?>/> Col_2</td>
<td width="9%" align="left" bgcolor="#FFFFFF"><input name="key3" type="checkbox" id="key3" value="1" onChange="this.form.submit()" <?php echo checked($_REQUEST['key3'],"1") ?>/> Col_3</td>
<td width="9%" align="left" bgcolor="#FFFFFF"><input name="key4" type="checkbox" id="key4" value="1" onChange="this.form.submit()" <?php echo checked($_REQUEST['key4'],"1") ?>/> Col_4</td>
<td width="10%" align="left" bgcolor="#FFFFFF"><input name="key5" type="checkbox" id="key5" value="1" onChange="this.form.submit()" <?php echo checked($_REQUEST['key5'],"1") ?>/> Col_5</td>

<td align="left" width="22%" bgcolor="#FFFFFF">
<input type="submit" name="Submit2" id="export" value="Export" onclick="JavaScript:fncSubmit('page2')" >
<input type="submit" name="Submit3" id="preview" value="Preview" onclick="JavaScript:fncSubmit('page3')" >
<input type="button" onClick="parent.location='<?=$_SERVER['SCRIPT_NAME'];?>'" value="Reset">
</td>
</tr>
</table>
</form>

</body>
</html>
///////////////////////////////////////////////// code ///////////////////////////////////////////////////

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 36 และ บุคคลทั่วไป 0 ท่าน