ループ中にPHPを使用してテーブルのセルの背景色を変更する

フリーズ温度（32F、0C）のセルの背景色を＃bff9ffに変更する必要がありますが、いくつかの問題があります。私は<td>の中にCSSクラスを印刷しようとしましたが、ループ内で正しく動作せず、同時に印刷されているようです。ループ中にPHPを使用してテーブルのセルの背景色を変更する

ただし、半分の問題です。 PHPを使用して手動でではなく、凍結温度以下でこれらの細胞をどのように識別できますか？

<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Unit 3 part 2</title> 

     <style> 
      table { 
       font-family: arial, sans-serif; 
       border-collapse: collapse; 
       width: 100%; 
      } 

      tr:hover { 
       background-color:#bff9ff; 
       } 

      td, th { 
       border: 1px solid #dddddd; 
       text-align: left; 
       padding: 8px;`` 
      } 
      .cell { 
       background-color: #00bfff; 
       }  

     </style> 

</head> 
<body> 

    <table border="1" cellpadding="3"> 

     <thead> 
      <th>Fahrenheit</th> 
      <th>Celsius</th> 
     </thead> 

     <?php 
     $fahrenheit = 50; 

     while ($fahrenheit >= -50) { 

      $celsius = ($fahrenheit - 32) * 5/9; 

      print "<tr><td>$fahrenheit</td><td>$celsius</td></tr>"; 

      $fahrenheit -= 5; 
      $celsius -= 5; 



     } ?> 

    </table> 

</body> 
</html>

出典

2017-11-17 Dima Kononenko

温度をテストするためにifステートメントを追加してから、tdタグにクラスを追加することで、それを処理する必要があります。

<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Unit 3 part 2</title> 
    <style> 
     table { 
      font-family: arial, sans-serif; 
      border-collapse: collapse; 
      width: 100%; 
     } 
     tr:hover { 
      background-color:#bff9ff; 
      } 
     td, th { 
      border: 1px solid #dddddd; 
      text-align: left; 
      padding: 8px;`` 
     } 
     .cell { 
      background-color: #00bfff; 
      } 
     .cell.freezing { 
      background-color: #bff9ff; 
     } 
    </style> 
</head> 
<body> 
    <table border="1" cellpadding="3"> 
     <thead> 
      <th>Fahrenheit</th> 
      <th>Celsius</th> 
     </thead> 
     <?php 
     $fahrenheit = 50; 
     while ($fahrenheit >= -50) { 
      $celsius = ($fahrenheit - 32) * 5/9; 
      $class = ''; 
      if($fahrenheit <= 32) { 
       $class = ' freezing'; 
      } 
      print "<tr><td class='cell $class'>$fahrenheit</td><td class='cell $class'>$celsius</td></tr>"; 
      $fahrenheit -= 5; 
      $celsius -= 5; 
     } ?> 
    </table> 
</body> 
</html>

出典

2017-11-17 23:21:24

うれしいを、答えを受け入れてください。ありがとう！ –

「フリーズ」と呼ばれるCSSクラスを作成します。例えば、冷凍クラスを追加する場合

"<td class='$freezing'></td>"

は基本的にこれを評価し、使用します。

if (32 <= $farenheit || 0 <= $celcius) { 
    $freezing = "freezing"; 
}

編集：CSS、それはあなたのために働い

.freezing { 
    background-color: #bff9ff; 
}

出典

2017-11-17 23:23:54 PatrickSJ

ループ中にPHPを使用してテーブルのセルの背景色を変更する

答えて

関連する問題