|
|
|
ช่วยด้วยครับ ผมต้องการดักฟังชั่นคลิก โดยใช้ if ครับมีโค้ด |
|
|
|
|
|
|
|
ผมต้องการให้คลิกที่อนุมัติแล้วเด้นไปอีกหน้า
ผมต้องการให้คลิกที่แก้ไขแล้วเด้นไปอีกหน้าเพื่อปรับปรุง
ผมต้องการให้คลิกที่ไม่อนุมัติแล้วไม่เกิดอะไรเลย
Code (JavaScript)
<!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>Listing_Admin</title>
<link href="css/Listing_Admin.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function(){
//+ highlight row
$('#table tr').mouseover(function(){
$(this).toggleClass('highlight');
});
$('#table tr').mouseout(function(){
$(this).toggleClass('highlight');
});
})
$(document).ready(function(){
$("#modify ").click(function(){
var Pending = $( this ).attr( "Pending" );
window.open('a.php?ReportID='+ Pending, "_self");//_self ใช้ในการคลิกแล้วให้อยู่หน้าเดิม
});
/* $("#modify ").click(function(){
var approve = document.getElementById('approve').value;
if(approve == "0") {
document.getElementById("approve").window.open('a.php?ReportID='+ numberOrder, "_self");
return false;
}
else if(approve == "1") {
document.getElementById("approve").window.open('b.php?ReportID='+ numberOrder, "_self");
return false;
}
}); */
/* $('#modify ').click(function(){
if (numberOrder == 1){
window.open('a.php?ReportID='+ numberOrder, "_self");//_self ใช้ในการคลิกแล้วให้อยู่หน้าเดิม
}
if (numberOrder == 2){
window.open('b.php?ReportID='+ numberOrder, "_self");//_self ใช้ในการคลิกแล้วให้อยู่หน้าเ
}
}); */
});
</script>
</head>
<body>
<H3 align='right'> <?php echo "ยินดีต้อนรับคุณ ". $_SESSION["username"]?></H3>
<H2 align='right'><a href='logout.php'>ออก</a></h2>
<?php
$strKeyword = null;
if(isset($_POST["txtKeyword"])){ // search
$strKeyword = $_POST["txtKeyword"];
$objConnect = mysqli_connect("localhost","root","1234","productionorder");
mysqli_set_charset($objConnect,"utf8");
$sql = "SELECT * FROM production_order WHERE Number_order LIKE '%".$strKeyword."%' ";
$query = mysqli_query($objConnect,$sql);
mysqli_query("SET NAMES utf8");
} else { // no search
$objConnect = mysqli_connect("localhost","root","1234","productionorder");
mysqli_set_charset($objConnect,"utf8");
$sql = "SELECT * FROM production_order ";
$query = mysqli_query($objConnect,$sql);
mysqli_query("SET NAMES utf8");
}
?>
<div id="contain">
<div id="head"></div>
<div id="main">
<div id="menu">
<h1><center><img src="img/logocolor.png" width="100%" height="100%"></center></h1>
<ul>
<h4><center>ใบสั่งสินค้า</center></h4>
<form name="frmSearch" method="post" >
<table width="150" border="0"align="center" id="table">
<tr>
<th width="140"><center>คันหา</center><br />
<input name="txtKeyword" type="text" id="txtKeyword" value="<?php echo $strKeyword;?>"><br />
<center><input type="submit" value="Search"></center><br />
</th>
</tr>
</table>
</form>
</ul>
</div>
<div id="content">
<table width="1080" border="1" align="center" id="table">
<tr>
<th width="100"><a>ใบเสนอราคา</a></th>
<th width="100"><a>เลขที่</a></th>
<th width="130"><a>ชื่อลูกค้า</a></th>
<th width="100"><a>วันที่ออกใบสั่งผลิต</a></th>
<th width="100"><a>ชื่อโครงการ</a></th>
<th width="100"><a>กำหนดส่ง</a></th>
<th width="100"><a>สถานที่ส่งสินค้า</a></th>
<th width="100"><a>สถานที่ผลิต</a></th>
<th width="100"><a>ผู้สั่งผลิต</a></th>
<th width="140"><a>วันที่สั่งผลิต</a></th>
<th width="100"><a>อนุมัติ</a></th>
</tr>
<?php while($objResult=mysqli_fetch_array($query,MYSQLI_ASSOC)){?>
<tr id="modify" Pending="<?php echo $objResult["0"];?>"
approve="<?php echo $objResult["1"];?>">
<td><?php echo $objResult["Number_order"];?></td>
<td><?php echo $objResult["number"];?></td>
<td><?php echo $objResult["Customer"];?></td>
<td ><?php echo $objResult["txtdate1"];?></td>
<td ><?php echo $objResult["project_Name"];?></td>
<td ><?php echo $objResult["txtdate2"];?></td>
<td ><?php echo $objResult["Delivery_place"];?></td>
<td ><?php echo $objResult["Production_facility"];?></td>
<td ><?php echo $objResult["commander"];?></td>
<td ><?php echo $objResult["TimeOrder"];?></td>
<td ><center><Pending> <?php if($objResult["approve"] == "0"){ echo "รออนุมัติ"; }?> </Pending>
<approve> <?php if($objResult["approve"] == "1"){ echo "อนุมัติ"; }?> </approve>
<canceled> <?php if($objResult["approve"] == "2"){ echo "ใบสังผลิตถูกยกเลิก"; } ?> </canceled>
<edit> <?php if($objResult["approve"] == "3"){ echo "แก้ไข"; } ?> </edit></center>
</td>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
</body>
</html>
Tag : PHP, jQuery
|
|
|
|
|
|
Date :
2015-08-03 10:57:29 |
By :
chaiyan14731 |
View :
844 |
Reply :
6 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
026. $("#modify ").click(function(){
บันทัดข้างบนมันทำงานกับ <tr id="modify"> อันแรกเท่านั้นครับ ไม่ทำกับ อันต่อๆ ไป
ให้เปลี่ยน เป็น คลาสแทน
026. $(".modify ").click(function(){
<tr id="...." class="modify">
|
|
|
|
|
Date :
2015-08-03 11:08:59 |
By :
NewbiePHP |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คือผมยังไม่คอยเข้าใจนะครับ
แต่การอนุมัติมันมีการเปลี่ยนแปลงได้นะครับ
|
|
|
|
|
Date :
2015-08-03 11:28:57 |
By :
chaiyan14731 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
บันทัด 124
เปลี่ยน เป็น select
<td >
<center>
<select class="confirm">
<option value="0" <?=($objResult["approve"] == "0"? "selected" : '')?> >"รออนุมัติ"</option>
<option value="1" <?=($objResult["approve"] == "1"? "selected" : '')?> >"อนุมัติ"</option>
<option value="2" <?=($objResult["approve"] == "2"? "selected" : '')?> >"ใบสังผลิตถูกยกเลิก"</option>
<option value="3" <?=($objResult["approve"] == "3"? "selected" : '')?> >"แก้ไข"</option>
</select>
</center>
</td>
ส่วน 026. $(".modify ").click(function(){
<tr id="...." class="modify">
ควรต้องเปลี่ยน click เป็น dblclick เพราะ ถ้าใช้แค่ click มันจับ event นี้ทั้ง tr และ select
Code (PHP)
// ทดสอบ event
<!doctype html><html><head><title>Test Event Click</title>
<script src="jquery-2.1.1.min.js">
</script><script>
$(document).ready(function(){
$(".chk").click(function(){ alert('tr.click')});
$("select").click(function(){ alert('select.click');})
})
</script></head><body>
<table>
<tr class="chk"><td><select><option value=''>test</option></td></tr>
</table>
</body></html>
|
|
|
|
|
Date :
2015-08-03 12:13:29 |
By :
NewbiePHP |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอโทษครับผมคงอธิบายโจทได้ไม่ดีนัก
คือหน้านี้มันเป็นหน้าแสดงผลนะครับพอเอาเมามาชี้แล้วคลิกมันจะไปยังหน้าเว็บที่กำหนดนะครับคือ
คลิกแถวที่อนุมัติแล้วให้เด้นไปอีกหน้า
บรรทัดที่แก้ไขแล้วเด้นไปอีกหน้าเพื่อปรับปรุง
บรรทัดที่ไม่อนุมัติแล้วถ้าคลิกจะไม่เกิดอะไรเลยนะครับช่วยด้วยนะครับ
|
|
|
|
|
Date :
2015-08-03 13:46:11 |
By :
chaiyan14731 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
งั้นทำตามความเห็น 1 เลยครับ เปลี่ยน id='modify' เป็น class='modify'
เพราะการอ้างอิง id ในระดับชั้นเดียวกันมันอ้างอิงได้แค่อันเดียว ทำให้ คลิกได้แค่อันแรกที่เจอ
ส่วนอันอื่นอ้างอิงไม่ได้ครับ เลยคลิกแล้วไม่เกิดอะไรขึ้น
|
|
|
|
|
Date :
2015-08-03 14:16:23 |
By :
NewbiePHP |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณคุณ NewbieXYZ มากครับผมทำได้แล้ว
|
|
|
|
|
Date :
2015-08-07 09:51:19 |
By :
chaiyan14731 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|