Devdit
 

PHP ตารางสลับสี จากหารเอาเศษ และ background-color

2.7K

PHP ตารางสลับสี ใช้คำสั่ง for วนลูปข้อมูลสร้างตาราง จากนั้นนำตัวแปร i มาหารเอาเศษกับ 2 กรณีถ้าเหลือเศษ 0 ให้แสดงอีกสีหนึ่ง และถ้าเหลือเศษไม่เท่ากับ 0 ให้แสดงอีกสีหนึ่ง ได้ผลลัพธ์เป็นตารางสลับสี ด้วยภาษา PHP ร่วมกับภาษา HTML สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง โค้ด PHP ตารางสลับสี

<?php
    echo "<table border='1' width='100%'>";
    for( $i=0; $i<=6; $i++ ) {
        ( $i % 2 == 0 ) ? $color = "#E4E4E4" : $color = "";
        echo "<tr style='background-color: {$color}'><td>".$i."</td></tr>";
    }
    echo "</table>";
?>

คำอธิบาย

1. PHP ตารางสลับสี ใช้ for วนลูปสร้างตาราง for( $i=0; $i<=6; $i++ ) โดยวนทั้งหมด 7 รอบ (0-6) เก็บค่าวนลูปไว้ที่ตัวแปร i

2. สร้างเงื่อนไขการสลับสีตาราง ( $i % 2 == 0 ) ? $color = "#E4E4E4" : $color = ""; หมายความว่า ถ้าตัวแปร i หารเอาเศษกับ 2 แล้วเหลือ 0 ให้แสดงสี #E4E4E4 ถ้าไม่ให้แสดงสีขาว คือ สีว่างเปล่า เก็บค่าสีไว้ที่ตัวแปร color

3. นำตัวแปร color มาใส่สีให้ตารางด้วยคำสั่ง background-color: {$color} ตรงแท็ก tr ของ table

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ