2013-08-02 65 views
-1

我正在尋找基於mySQL數據庫的返回來更改表格中單元格的顏色。如何在PHP中使用if語句更改背景顏色使用CSS

song_order | encore  
1   |  0    
2   |  0  
3   |  0  
4   |  0  
5   |  0  
6   |  0  
7   |  0  
8   |  1  
9   |  1  
10   |  1   
11   |  2  
12   |  2  

我呼應了song_id細胞而不是安可細胞... 我如何使用在安可細胞中的值只改變song_id單元格的背景?

while($row = mysqli_fetch_array($show)) 
    { 

    echo "<tr>"; 

    echo "<td style='padding: 10px; width:5px;'>" . $row['song_order'] ." </td>"; 
    echo "</tr>"; 
    } 
    echo "</table>"; 

會是這樣的嗎?但如何將這些值添加到「歌曲順序」中? 我只是不知道這是否是正確的或需要如何修改......

while($row = mysqli_fetch_array($show)) 

{如果($行[ '安可'] == 「0」) $ tdClass =「mainset 「;

else if($ row ['encore'] ==「1」) $ tdClass ='encore1';

else if($ row ['encore'] ==「2」) $ tdClass ='encore2';

echo「」;

echo「」。 $ row ['song_order']。「」; } echo「」;

CSS 
.mainset { 
    background-color:transparent; 
} 
.encore1 { 
    background-color:pink; 
} 
.encore2 { 
    background-color:blue; 
} 

我在正確的軌道上,有人可以幫我用這段代碼嗎?我錯過了什麼,這已經起作用了嗎?

回答

0

現在把這個類像

echo "<tr>"; 
    echo "<td style='padding: 10px; width:5px;' class='<?php echo $tdClass;?>'>" . $row['song_order'] ." </td>"; 
echo "</tr>"; 

而且makesure你把正確的類正確的CSS

按照你對此有何評論嘗試像this.Yor處於引起的回聲迴盪$ tdClass您衝突

while($row = mysqli_fetch_array($show)) { 
    if ($row['encore'] == "0") 
     $tdClass = 'mainset'; 
    else if ($row['encore'] == "1") 
     $tdClass = 'encore1'; 
    else if ($row['encore'] == "2") 
      $tdClass = 'encore2'; 
    echo "<tr>"; 
     echo "<td style='padding: 10px; width:5px;' class='".$tdClass."'>" . $row['song_order'] ." </td>"; 
    echo "</tr>"; 
} 
+0

似乎並不奏效......應該tdClass是$ tdClass不工作,要麼不知道我也許做錯了。我做了幾個組合什麼都沒有工作 – davejt

+0

你在初始化後回顯了$ tdClass的值嗎? ($ row = mysqli_fetch_array($ show)) {if($ row ['encore'] ==「0」) – Gautam3164

+0

整個列消失 $ tdClass ='mainset'; ($ row ['encore'] ==「1」) 其他if($ row ['encore'] ==「1」) $ tdClass ='encore1'; ($ row ['encore'] ==「2」) 其他if($ row ['encore'] ==「2」) $ tdClass ='encore2'; echo「」; echo「「。 $ row ['song_order']。「」; 這顯示列再次,但不改變背景 – davejt

0

CSS類或ID不能以數字開頭

變化:

.1encore { 
    background-color:pink; 
} 
.2encore { 
    background-color:blue; 
} 

.encore1 { 
    background-color:pink; 
} 
.encore2 { 
    background-color:blue; 
} 
+1

感謝您的提示......我想我知道只是夠危險,但錯過了 – davejt