การสลับสี table จัดทำโดย : Zerohate
การสลับสี table

ท่านเคยสังเกตุเว็บบอร์ดไหมครับ ว่าทำไมมันสลับสีได้ ถ้าอยากรู้ผมมีวิธีีมาแนะนำครับ ง่ายมากเลยแค่เรารู้เทคนิคมันเองครับ

ขั้นตอนการทำ

1.เรามาสร้าง database กันก่อนเลยครับ ในที่นี้ผมจะขอสร้างเป็นตัวอย่างนะครับ

CREATE TABLE `main` (
`id` int(11) NOT NULL auto_increment, `text` varchar(5) NOT NULL default '', PRIMARY KEY (`id`)
)
TYPE=MyISAM AUTO_INCREMENT=7 ;

INSERT INTO `main` VALUES (1, 'A');
INSERT INTO `main` VALUES (2, 'B');
INSERT INTO `main` VALUES (3, 'C');
INSERT INTO `main` VALUES (4, 'D');
INSERT INTO `main` VALUES (5, 'E');
INSERT INTO `main` VALUES (6, 'F');

2.สร้างไฟล์ test.php เพื่อดึงข้อมูลจาก database และสลับสีของ table กันครับ

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<?
$connect = mysql_connect("localhost", "root", ""); //ติดต่อ database
$dbname = "test";
//ชื่อ database

$sql = "select * from main"; //ชื่อ table
$query = mysql_db_query($dbname, $sql);
while($result = mysql_fetch_array($query)) {
if($bg == "#666666") { //ส่วนของการ สลับสี
$bg = "#CCCCCC";
} else {
$bg = "#666666";

}
?>
<tr bgcolor="<?=$bg?>"> //เรียกใช้งาน
<td><font color="#FF0000"><?=$result[text]?></font></td>
</tr>
<? } ?>
</table>

3.เสร็จแล้วครับไม่ยากเลยใช่ไหม จะเห็นว่าเทคนิคมันอยู่ตรง การเขียน if else ให้อยู่ใน loop ก็เท่านั้นเองครับ

 

คุณอาจสนใจ
ลบลูกศรที่ icon desktop อย่างไร
เว็บไทยดีดี (17,884 - 27 ต.ค. 50)
สร้างอักษร 3 มิติ ด้วย Illustrator CS2 (อีกวิธีหนึ่ง)
เว็บไทยดีดี (81,914 - 20 ต.ค. 50)
เปลี่ยน HTML เป็น XHTML
dooidea team (55,781 - 21 มี.ค. 51)
พิมพ์สูตรคณิตศาสตร์ด้วย Namo
Mr.GuruZ (23,778 - 26 พ.ย. 50)
การทำให้โชว์สไลด์ไม่หยุดใน Ms Powerpoint 2003
nut (30,832 - 08 มี.ค. 51)
การสร้าง Crosstab Query Wizard
อ้อม (31,184 - 30 เม.ย. 50)
ตามล่าไฟล์ .DLL (WinXP)
สายลม (16,200 - 22 มี.ค. 51)
วิธีแก้เวลาสปายจากหนังเล่นงานและวิธีการนำมาเก็บไว้
เว็บไทยดีดี (14,354 - 27 ต.ค. 50)