|
 |
| |
จะทำยังไงให้ไอดีต่างกัน จาก element ที่เกิดจาก loop ครับ จะเอาไปเลือกใน jquery |
| |
 |
|
|
 |
 |
|
จะทำยังให้ไอดีต่างกัน จาก element ที่เกิดจาก loop ครับ จะเอาไปเลือกใน jquery
ซึ่งตอนนี้คลิกได้เฉพาะ แถวแรกเท่านั้น
Code (JavaScript)
<script type="text/javascript">
$(document).ready(function() {
$('#btn-ok').click(function() {
var p = 4;
var id = $('#hidden');
var by = $('#by');
if(p != ''){
var urlval = 'status='+p+'&id='+id.val()+'&by='+by.val();
//alert(urlval);
$.ajax({
type : 'POST',
data : urlval,
url : 'status-approve.php',
success:function(data, textStatus, jqXHR){
if (textStatus == 'success'){
//alert(textStatus);
$("#btn-ok").html('<i class="fa fa-refresh fa-spin"></i> กำลังอนุมัติ');
$('#alert').append('<div class="alert alert-success"><strong>Updated!</strong> Indicates a successful or positive action.</div>');
setTimeout("location.href = 'approve.php';",2000);
}
else {
$('#alert').append('<div class="alert alert-warning"><strong>Fail!</strong> Indicates a successful or positive action.</div>');
}
}
});
}
return false;
}); // click
}); // document
</script>
Code (PHP)
<?php
$i=1;
if ($list->rowCount() > 0) {
while ($result = $list->fetch(PDO::FETCH_ASSOC)){
$start = strtotime($result['start_date']);
$end = strtotime($result['end_date']);
?>
<tbody>
<tr>
<input type="hidden" name="by" id="by" value="<?=$_SESSION['user'];?>"></input>
<input type="hidden" name="hidden" id="hidden" value="<?=$result['id'];?>"></input>
<td class="col-lg-3"><?=$result['notebook'];?></td>
<td class="col-lg-2" style="text-align: center;"><?=$result['place'];?></td>
<td class="col-lg-1" style="text-align: center;"><?=$result['approve_by'];?></td>
<td class="col-lg-1" style="text-align: center;"><?php echo thai_date($start); ?></td>
<td class="col-lg-1" style="text-align: center;"><?=$result['loan_by'];?></td>
<td class="col-lg-1" style="text-align: center;"><?php echo thai_date($end); ?></td>
<td class="col-lg-1" style="text-align: center;"><?=$result['fullname'];?></td>
<td width="13%" style="text-align: center;">
<button type="submit" class="btn btn-success btn-sm ok" name="btn-submit" id="btn-ok"><span class="glyphicon glyphicon-ok" aria-hidden="true">
</span> อนมุติ</button> // ***********
<button type="submit" class="btn btn-danger btn-sm" name="btn-submit" id="btn-not"><span class="glyphicon glyphicon-remove" aria-hidden="true">
</span> ไม่อนุมัติ</button> //*************
</td>
</tr>
<?php
$i++;
} //while
} //if
else {
?>
<tr><td colspan="6">ไม่มีรายการรออนุมัติ..</td></tr>
<?php } ?>
</tbody>
Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery
|
ประวัติการแก้ไข
2016-06-27 11:32:32
2016-06-27 16:14:09
|
 |
 |
 |
 |
| Date :
2016-06-27 11:31:32 |
By :
littlebeer |
View :
764 |
Reply :
6 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ใช้ class
Code (JavaScript)
$('.class').click(function() {
//หรือ
$('td #btn-ok').click(function() {
//หรือ ทำ function เอา
function btnOk(id){
|
| |
|
|
| |
| Date :
2016-06-27 11:57:10 |
By :
gaowteen |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไม่ได้ครับ 
|
| |
|
|
| |
| Date :
2016-06-27 14:27:49 |
By :
littlebeer |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
บอกเป็นแนวกว้างๆลองเอาไปปรับดูครับ ถ้า code ไม่ถูกแก้เอานะครับ ไม่ได้ลอง
Code (JavaScript)
<script type="text/javascript">
$(document).ready(function() {
$('tr #btn-ok').click(function() {
alert($(this).parentsUntil('tr').find('input:first').val());
})
})
|
| |
|
|
| |
| Date :
2016-06-27 14:48:09 |
By :
gaowteen |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองใส่ each เข้าไปก็ไม่ได้ครับ คลิกแล้วทำงานแค่แถวแรกแถวเดียว ช่วยทีครับ TT
Code (JavaScript)
<script type="text/javascript">
$(document).ready(function() {
$('.ok').each(function(i, obj) {
//alert(i + ':' + $(obj).text());
$(this).click(function() {
var p = 4;
var id = $('#hidden');
var by = $('#by');
if(p !== ''){
var urlval = 'status='+p+'&id='+id.val()+'&by='+by.val();
//alert(urlval);
$.ajax({
type : 'POST',
data : urlval,
url : 'status-approve.php',
success:function(data, textStatus, jqXHR){
if (textStatus == 'success'){
//alert(textStatus);
$(this).html('<i class="fa fa-refresh fa-spin"></i> กำลังอนุมัติ');
$('#alert').append('<div class="alert alert-success"><strong>Updated!</strong> Indicates a successful or positive action.</div>');
setTimeout("location.href = 'approve';",2000);
}
else {
$('#alert').append('<div class="alert alert-warning"><strong>Fail!</strong> Indicates a successful or positive action.</div>');
}
}
});
}
return false;
}); // click
});
}); // document
</script>
|
| |
|
|
| |
| Date :
2016-06-27 16:13:42 |
By :
littlebeer |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
id = 'by'
แก้ยังไงก็ได้ให้มี เลขที่ ตัวเลขตามหลัง by
id='by1'
id='by2'
ต้องเข้าใจ คำว่า id มันหมายถีงการแยกแยะ จำแนกให้เห็นที่แตกต่างกัน
แต่คุณกลับไปทำให้มันมีชื่อ เหมือนกัน มันผิดวัตถุประสงค์ของการใช้ id
ตอนนี้คุณยังไม่ค่อยชำนาญเรื่องชื่อ ให้เปลี่ยน ไปใช้ คลาส ดีกว่าครับ
หรือทำให้ชื่อมันแตกต่างกัน มันจะได้ อ้างอิงต่างกันได้
ถ้าชื่อเหมือนกันและวิธีการเรียก เป็นการเรียกจาก ต้นกำเนิด(root) มันก็จะเอาอันแรกที่เจอมาใช้
ดังนั้นถ้าอยากใช้ id ที่เหมือนกัน คุณต้องหาให้ได้ว่า จะแยกมันออกจากกันได้ยังไง
ตัวอย่าง การใช้ id เหมือนกัน
Code (JavaScript)
<div>
<p id='x'>yyyyy</p>
<p id='q'>qqqqq</p>
</div>
<div>
<p id='q'>qqqqq</p>
<p id='x'>zzzzzz</p>
</div>
<button onclick="alert($('div').eq(0).find('#x').html())" >show y</button>
<button onclick="alert($('div').eq(1).find('#x').html())" >show z</button>
|
| |
|
|
| |
| Date :
2016-06-27 16:16:28 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
code ที่ผมเขียนให้อะมันก็ใช้ได้ นะ แต่นายเอา input มาอยู่นอก td ทำไมอะ
<tr>
<input type="hidden" name="by" id="by" value="<?=$_SESSION['user'];?>"></input>
<input type="hidden" name="hidden" id="hidden" value="<?=$result['id'];?>"></input>
<td class="col-lg-3"><?=$result['notebook'];?></td>
|
| |
|
|
| |
| Date :
2016-06-27 16:20:25 |
By :
gaowteen |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
