|
 |
|
ขอคำแนะนำ การทำสลับสีพื้นหลัง โดย ดึงข้อมูล DB แสดงผลในตาราง และในแต่ละแถวของข้อมูล (มี 3 record) ทำการสลับสีพื้นหลัง (กำหนด 5 สี) |
|
 |
|
|
 |
 |
|
1) ดึงข้อมูลจาก DB
2) มีข้อมูล 3 records คือ Name, Address, Contact,
3) สร้างตาราง และนำแต่ละข้อมูลที่ได้ ลงตาราง และใส่พื้นสลับสี
4) ในตารางมี 3 records แสดงผล record ละ 1 สี โดยกำหนดสีไว้ 5 สี
(กำหนดสีไว้ 5 สี หากมี record เพิ่ม เช่น record ที่ 6,7,8 ควรแสดงผลวนกลับสีที่ 1,2,3...)
5) ลองทำดูแล้วมีปัญหา
มัน แสดงผลสีเป็นหลัก (ตั้งไว้ 5 สี) แต่ละสีมีข้อมูลตัวเดียวกัน คือ Name 5 สี
(ซึ่งควรจะแสดงตัวเดียว สีเดียว เช่น Name แสดงผล สีแดง, Address แสดงผล สีน้ำเงิน, Contact แสดงผล สีเหลือง ส่วนสีอื่นๆ ที่เกินมานั้น จะแสดงผลเมื่อมีการเพิ่มข้อมูลลงใน DB)
รบกวน ช่วยดู code และขอคำแนะนำคะ
Code (PHP)
<?php
include_once("storeScripts/dbConnect_product.php");// PAGE 1
?>
<table border="1">
<?php
$sql="select * from tb_webpage";
$result=mysql_query($sql);
$num_rows = mysql_num_rows($result);
echo $num_rows."<hr>";
while ($rs=mysql_fetch_array($result))
{
$id_wp=$rs[id_wp];
$name_wp=$rs[name_wp];
$colors = array("red", "blue", "yellow", "green","grey","brown");
foreach ($colors as $value)
{
echo"<tr bgcolor='".$value."'><td>".$name_wp."</td></tr>";
}
}
?>
</table>
$colors = array("red", "blue", "yellow", "green","grey","brown") มีไว้เกิน เผื่อไว้ว่า ในอนาคตอาจมีการเพิ่ม record ใน DB

Tag : PHP, MySQL, HTML/CSS

|
ประวัติการแก้ไข 2015-03-25 15:15:55 2015-03-25 15:18:28
|
 |
 |
 |
 |
Date :
2015-03-25 15:14:52 |
By :
gju |
View :
835 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
$color_idx = 0;
while( $ro=mysql_fetch_assoc($result)){
echo "<div style=\"background-color: $color_array[$color_idx]\">data</div>";
..............
$color_idx = ($color_idx+1) % 7;
}
|
 |
 |
 |
 |
Date :
2015-03-25 18:08:41 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบพระคุณมากค่ะ 
|
 |
 |
 |
 |
Date :
2015-03-26 00:04:08 |
By :
gju |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|