2016-09-27 7 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. $ _POST ["goalsa"]> $ _POST ["goalsh"]なら、CSSは赤い背景を表示します。 – Chris

答えて

1

赤と緑の2つのクラスを作成する方法もあります。あなたが好きな何かができる

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

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

はい、あなたは伝説です。それは完璧に働いた。 – Chris

+0

申し訳ありませんが、ドローイングのためにオレンジを追加するだけで、そこに間違っているようです。 同じ行に別の条件を追加しましたが、何かを見逃したようです。 ($ _POST ["ゴール"]))? '緑':(($ _POST ["ゴルファー")> $ _ポスト["ゴールズ"])? 'red':($ _POST ["ゴール "] == $ _POST ["ゴール "])"オレンジ ")?>" /> – Chris

+0

これを追加してください: <?=(!($) 'green':($ _POST ["goalsh"]> $ _POST ["ゴールズ"])? 'red':(($ _POST ["ゴール")] "オレンジ": "'))?> –