เทคนิก การสลับสีตารางด้วย PHP
เทคนิก การสลับสีตารางด้วย PHP
วันนี้ โปรแกรมเมอร์กากกาก จะมาสอนเทคนิกเล็กๆน้อยๆเกี่ยวกับการสลับสีตารางด้วย PHP ส่วนใครที่พอจะทราบแล้วก็ไม่เป็นไรนะครับ อันนี้เป็นแค่เพียงตัวอย่างเทคนิคเล็กๆน้อยๆเท่านั้น เราลองมาดู CODE กันเลยดีกว่านะครับ
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>สลับสี ตาราง</title>
</head>
<body>
<table width="100%" border="1" id="main_table" class="update_order">
<thead>
<tr>
<th colspan="8">หัวข้อ</th>
</tr>
<tr>
<th width="5%">ลำดับที่</ths>
<th width="23%">ชื่อ</th>
<th width="11%">นามสกุล</th>
<th width="13%">หมายเลขโทรสับ</th>
<th width="15%">ที่อยู่</th>
<th width="9%">email</th>
</tr>
</thead>
<?php $no = 1;
while($no < 10 ){
?>
<tbody>
<tr bgcolor="<?php if($no%2 == 0){echo '#CCCCCC';}else{echo '#FFF';}?>">
<td align="center"><?=$no;?></td>
<td><b></b></td>
<td align="center"><?="TEST";?></td>
<td align="center"><?="TEST";?></td>
<td align="center"><?="TEST";?></td>
<td align="center"><?="TEST";?></td>
</td>
</tr>
<?php
$no++;
} // end while
?>
</tbody>
</table>
</body>
</html>
อธิบาย CODE เทคนิก การสลับสีตารางด้วย PHP
จาก CODE ด้านบนนะครับ ให้สังเกตุตรงส่วน PHP ในส่วนที่เป็นสีแดง มีการนำ while เข้ามาใช้ให้ $no +1 ไปเรื่อยๆแต่ต้องน้อยกว่า 10 แล้วออกจาก loop และนำ $no แต่ละตัวมา %2 เพื่อทำการใช้งาน if เพื่อแยกสีของ bgcolor ให้มีสองสี CODE ก็จะประมาณนี้นะครับ ส่วนเรื่องการประยุกต์ใช้นั้นก็เป็นไปได้มากมายหลายอย่าง อาทิเช่นการนำจำนวณจากการ select มาจากฐานข้อมูลโดยใช้ while นับและมีการเปลี่ยนสี ดังจะกล่าวในบทความต่อไปนะครับ ส่วนด้านล่างนี้เป็น CODE PHP เพื่อให้พอนึกภาพออกครับ ลองดูกัน
$no = 1;
while($no < 10 ){
if($no%2==0){
echo " bgcolor 1";
}else{
echo "bgcolor 2";
}
$no++;}
ก็ลองเอาไปทำดูนะครับ ส่วนใครที่รู้แล้วก็ไม่เป็นไร สำหรับบทความนี้ก็ขอจบไว้เพียงเท่านี้ นะครับ
Categories
:
เทคนิก การสลับสีตารางด้วย PHP
,
HTML
,
PHP
0 ความคิดเห็น :
แสดงความคิดเห็น