2016-09-27 65 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 [”目标“])?'橙':''))?> –