|
 |
| |
ผมติดปัญหา javascript : this.form.submit() และ function : document.form.action หลายเพจครับ |
| |
 |
|
|
 |
 |
|
ผมติดปัญหา 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 เท่านั้น ครับ
ช่วยแนะนำและแก้ไขโค๊ดให้หน่อยนะครับ
File : test1.php
Code (PHP)
<!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"> </td>
<td align="left" bgcolor="#FFFFFF"> </td>
<td align="left" bgcolor="#FFFFFF"> </td>
<td align="left" bgcolor="#FFFFFF"> </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>
Tag : PHP, JavaScript, Action Script, Ajax, jQuery, CakePHP
|
ประวัติการแก้ไข
2012-09-25 11:38:11
|
 |
 |
 |
 |
| Date :
2012-09-25 11:32:26 |
By :
nattkhanesha |
View :
2989 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ใช้แบบนี้ดีกว่าครับ
Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSubmit(strPage)
{
if(strPage == "page1")
{
document.form1.action="page1.cgi";
}
if(strPage == "page2")
{
document.form1.action="page2.cgi";
}
document.form1.submit();
}
</script>
<form action="page.cgi" method="post" name="form1">
<input name="txtName" type="text" id="txtName">
<input name="btnButton1" type="button" value="Button" onClick="JavaScript:fncSubmit('page1')">
<input name="btnButton2" type="button" value="Button" onClick="JavaScript:fncSubmit('page2')">
</form>
</body>
</html>
Go to : JavaScript HTML Multiple Action Form
|
| |
|
|
| |
| Date :
2012-09-26 06:44:48 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมก็เอาโค๊ดจากพี่วินมาประยุกต์ใช้งานละครับ 55555+
|
| |
|
|
| |
| Date :
2012-09-26 08:02:23 |
By :
nattkhanesha |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองหัดเขียนพวก JavaScript กับใช้พวก if กำหนดเงื่อนไขต่าง ๆ ครับ
|
| |
|
|
| |
| Date :
2012-09-26 09:11:29 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
