如何根据检索到的php值更改单元格颜色?

zzoitvuj  于 2021-07-24  发布在  Java
关注(0)|答案(1)|浏览(349)

我正在校外的一个个人项目中尝试自己,并尝试创建一个表,根据从db中检索到的值来调整表单元格的颜色
1-3=红色4-6=黄色7-10-绿色
(所有值都在1和10之间)
我尝试了这个页面上的jquerys和其他示例,但无法将其应用到我自己的代码中。任何帮助或暗示都将不胜感激!!
我的php代码:

$content = "";

if (isset($_POST["submit"])) {

  require_once("db.php");  

  $date = $_POST["date"];

  $query = 
    "SELECT p.first_name,tf.intensity,tf.focus,tf.evaluation,tf.feedback
    FROM player p 
    INNER JOIN training_feedback tf ON p.player_id = tf.player_id
    WHERE tf.date = ? ";  

  $stmt = $conn->prepare($query);  

  $stmt->execute([$date]);  

  foreach($stmt as $row)  {

    $content .= 
    "<tr>
        <td>{$row["first_name"]}</td>
        <td>{$row["intensity"]}</td>
        <td>{$row["focus"]}</td>
        <td>{$row["evaluation"]}</td>
        <td>{$row["feedback"]}</td> 
     </tr>"; 
  } 

  $content =
"<h5>Training Feedack Creighton Goalkeepers:</h5>   
  <table>     
    <tr>
        <th>Name</th>
        <th>Intensity</th>
        <th>Focus</th>
        <th>Evaluation</th>
        <th>Comment</th>
    </tr> 
  {$content}
  </table>";

}?>
<html>
  <head>
    <title>Training feedback</title>
    <link href= "main.css" rel="stylesheet">
  </head>
  <body>    
    <div method="post">
      <h3>Training Feedback</h3>
      <form method="post">
        <div>
          <label>Date</label>
          <input type="date" name="date">
        </div>
        <div>
           <input type="submit"name="submit">
        </div>
      </form>
    <div><?php echo $content; ?></div>
    </div>
  </body>
</html>```
6mw9ycah

6mw9ycah1#

您可以做的是设置css颜色属性。我将用简单的例子来说明。假设您有一个变量$var,如下所示:

<?php
   $var = 7;
?>

现在您有了一个表行(标记),如果$var小于或等于3,您希望将其背景色更改为红色;如果$var小于或等于6,则将其背景色更改为黄色;如果$var大于或等于7,则将其背景色更改为绿色。以下是您的方法:

<tr style="background-color:<?=($var<=3)?'red':(($var<=6)?'yellow':'green')?>">

我在这里所做的是使用php echo操作符(<?=基本上是打开一个php标记,并在它输出后回显任何命令)。然后我使用三元运算符(嵌套的,不利于可读性,但对于一个简单的例子来说它足够短)来查看$var的值在哪种情况下出现。无论运算符输出什么,都将被抛出到echo命令,php将在html代码中打印它。

相关问题