|
 |
|
ต้องการเปลี่ยนจาก Checkbox เป็นถังขยะ ในการลบสินค้า |
|
 |
|
|
 |
 |
|
คับ ให้ทำรูปถังขยะ เวลาเช็คอยู่จะปรกติ ถ้าไม่เช็ค จะใส่ opacity เข้าไป
แล้ว ให้มี checkbox เหมือนเดิม แต่ใส่ css display:none
EX. Tested
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// แสดงรูป ตามค่าเดิม
$(':checkbox[name^=cb]').not(':checked').each(function(index, ele){
$(ele).next('img').css('opacity', '0.45');
});
// เมื่อ คลิก
$('img[id^=rbin]').click(function(){
var cb = $(this).prev(':checkbox');
if (cb.is(':checked'))
{
cb.attr('checked', '');
$(this).css('opacity', '0.45');
}
else
{
cb.attr('checked', 'checked');
$(this).css('opacity', '1');
}
});
});
</script>
<?php for ($i=0; $i < 10; $i++): ?>
<?php $is_checked = ($i % 2) ? ' checked="checked"' : '';?>
<span>
<input type="checkbox" name="cb[]" value="<?php echo $i;?>"<?php echo $is_checked;?> style="display:none" />
<img src="78.png" id="rbin<?php echo $i;?>" width="20" height="20" />
</span>
<?php endfor;?>
http://www.pjgunner.com
|
ประวัติการแก้ไข 2011-02-08 11:21:06
 |
 |
 |
 |
Date :
2011-02-08 11:15:49 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
'' งง ครับผม ช่วยอธิบายลำดับหน่อยได้ใหม่ครับ
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
jquery-1.4.2.min.js ต้องมีด้วยหรือเปล่า
และก็ตรงนี้ จะได้ดังรูป ด้านล่าง และก็ คลิ๊กไม่ได้ด้วย ครับ
<?php for ($i=0; $i < 10; $i++): ?>
<?php $is_checked = ($i % 2) ? ' checked="checked"' : '';?>
<span>
<input type="checkbox" name="cb[]" value="<?php echo $i;?>"<?php echo $is_checked;?> style="display:none" />
<img src="images/del.gif" id="rbin<?php echo $i;?>" width="16" height="15" />
</span>
<?php endfor;?>

|
 |
 |
 |
 |
Date :
2011-02-08 11:30:41 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ต้องมีครับ
โหลดได้ที่
http://code.jquery.com/jquery-1.4.2.min.js (ต้องเซฟเป็นไฟล์ js เองนะครับ) ส่วน 1.5 ผมยังไม่ได้อ่าน change log
หรือเปลี่ยนบรรทัดนั้นเป็น
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
|
 |
 |
 |
 |
Date :
2011-02-08 11:36:05 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แล้วตรง ที่ได้ดังรูป ละคับ มันมา10 เลยอ่ะ
<?php for ($i=0; $i < 10; $i++): ?>
และก็ คลิ๊กไม่ได้ด้วย ครับ
|
 |
 |
 |
 |
Date :
2011-02-08 11:45:32 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
คลิกได้ครับ ทดสอบแล้ว ff 3.6 and ie6
คับ มีสิบ ก็แค่ตัวอย่าง
|
 |
 |
 |
 |
Date :
2011-02-08 11:52:18 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ทำไม่ได้     
|
 |
 |
 |
 |
Date :
2011-02-08 11:55:28 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ได้ครับ ลองดูว่า ใส่ สคริป jquery ไว้ถูกตำแหน่งหรือป่าว

|
 |
 |
 |
 |
Date :
2011-02-08 12:01:33 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|

ครับได้ ตาม นั้นครับ แต่
แต่ยังไม่เข้าใจว่ามันจะลบยังงัย
จะเอาไปใช้ ใน Code ข้างบนครับ
ไม่เป็น 
|
ประวัติการแก้ไข 2011-02-08 12:10:10
 |
 |
 |
 |
Date :
2011-02-08 12:07:51 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อันนี้ผมไม่ทำให้นะครับ เพราะผมทำแนวทางไว้ให้แล้ว เอาโค้ดไปปรับใช้ได้เลยด้วยซ้ำ
|
 |
 |
 |
 |
Date :
2011-02-08 12:27:33 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ผม เอาไปใช้ไม่เป็นเอง งง อย่าแรง
หรือ มีวิธีอื่นไหม
|
ประวัติการแก้ไข 2011-02-08 12:39:26
 |
 |
 |
 |
Date :
2011-02-08 12:38:30 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณข้อความที่ 11
ผมได้เอามาใช้แล้ว สามารถ ลบ แถวTabelได้ แต่ ข้อมูลมันไม่ลบ ครับ
งงเลย
|
 |
 |
 |
 |
Date :
2011-02-11 12:59:13 |
By :
body |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|