|
 |
| |
ใครมีตัวอย่าง การทำไฮไลท์ table column บ้างครับ ส่วนใหญ่เจอแต่ table row hightlight |
| |
 |
|
|
 |
 |
|
เป็นเราจะกำหนด css class ให้ตามแต่ละแนว column
ยิ่งถ้า bind จาก database ก็เอาชื่อ field จาก table นั้นกำหนดเลย
แล้วใช้ jquery handle event ของ checkbox ให้เปลี่ยนสี
|
 |
 |
 |
 |
| Date :
2013-08-16 15:24:40 |
By :
ห้ามตอบเกินวันละ 2 กระทู้ |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอลิงค์ศึกษาหน่อยครับ
|
| |
|
|
| |
| Date :
2013-08-16 15:48:20 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆครับ สุดยอดที่สุดเลยคับ 
|
| |
|
|
| |
| Date :
2013-08-16 16:14:05 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
โค้ดสั้นว่าเรา 3 step แถมไม่ต้องอ้างอิง id หรือ cssclass ด้วย ยอดเลย
|
| |
|
|
| |
| Date :
2013-08-16 16:21:45 |
By :
ห้ามตอบเกินวันละ 2 กระทู้ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script language="JavaScript">
$(document).ready(function(e) {
$('input').click(function(){
var col = $(this).parent().closest("th").index();
if($(this).is(':checked')){
var SE = $("table tr td:nth-child("+(col+1)+")");
SE.addClass('HG');
}else{
var SE = $("table tr td:nth-child("+(col+1)+")");
SE.removeClass('HG');
}
});
});
</script>
<style>
.HG{
background-color:#09F;
}
</style>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col"><input type="checkbox" name="checkbox" id="checkbox">
<label for="checkbox"></label></th>
<th scope="col"><input type="checkbox" name="checkbox2" id="checkbox2"></th>
<th scope="col"><input type="checkbox" name="checkbox3" id="checkbox3"></th>
<th scope="col"><input type="checkbox" name="checkbox4" id="checkbox4"></th>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</table>
</body>
</html>
|
| |
|
|
| |
| Date :
2013-08-16 16:25:00 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
Quote:
