2016-09-27 60 views
2

我只是在一個基本的表格中使用另一頁上的表單輸入。IF ELSE,PHP和CSS

我想根據遊戲結果更改表格的CSS。

如果主隊獲勝我希望該行的背景顏色是綠色,如果他們鬆散然後紅色,否則保持不變。

所以我想我需要使用IF和ELSES,但不太清楚如何將它與CSS集成以及放在哪裏。

我對PHP還是很新的。

<html> 
<head> 
<title>Player Stats</title> 
<style> 
table { 
    font-family: arial, sans-serif; 
    border-collapse: collapse; 
    width: 100%; 
} 

td, th { 
    border: 1px solid #dddddd; 
    text-align: left; 
    padding: 8px; 
} 

tr:nth-child(even) { 
    background-color: #dddddd; 
} 
</style> 
    </head> 

<body> 

<h1>Player Stats</h1><br> 
</br> 
<h3>Results</h3><br> 
</br> 

<table> 
    <tr> 
    <th>Home team</th> 
    <th>Away team</th> 
    <th>Score</th> 
    <th>Venue</th> 
<tr> 
    <td><?php echo $_POST["home"]; ?></td> 
    <td><?php echo $_POST["away"]; ?></td> 
    <td><?php echo $_POST["goalsh"]; ?> - <?php echo $_POST["goalsa"]; ?></td> 
    <td><?php echo $_POST["formGender"]; ?></td> 
    </tr> 

</table> 
<br> 
</br> 


<a href="http://chrispaton.xyz/update.php">Update player stats</a> 
</body> 
</html> 
+0

編寫PHP和'echo'你想要的CSS裏面的樣式,根據條件。 – Kuttoozz

+0

根據您的情況設置班級。你不輸出任何不同的CSS。 –

+0

但我需要計算$ _POST [「goalsh」]和$ _POST [「goalsa」]之間的差異,對吧? I.e.如果$ _POST [「goalsa」]> $ _POST [「goalsh」],那麼CSS將顯示紅色背景。 – Chris

回答

1

一種方法是製作兩個類,紅色和綠色。

.red{ background-color: red } 
.green{ background-color: green } 

你可以做這樣的事情,

<tr class="<?= (!($_POST["goalsa"] > $_POST["goalsh"])) ? 'green' : (($_POST["goalsa"] > $_POST["goalsh"])? 'red' : '') ?>" /> 
+0

是的,你是一個傳奇。這工作完美。 – Chris

+0

對不起,只是添加一個平局的橙色,我似乎出錯了。 我只是在同一條線上添加了另一個條件,但看起來像我錯過了一些東西。我的目標是在你的目標之前,你的目標是你的目標,你的目標是什麼,你的目標是什麼,目標是什麼,目標是什麼,目標是什麼,目標是什麼,目標是什麼。 「])?'red':(($ _POST [」goalsa「] == $ _POST [」goalsh「])?'orange'')?>」/> – Chris

+0

加上此內容 <?=(!($ _POST [「goalsa」]> $ _POST [「goalsh」]))?'green':(($ _POST [「goalsa」]> $ _POST [「goalsh」])''red':(($ _POST [目標「] == $ _POST [」目標「])?'橙':''))?> –