Question

有没有办法根据mysql中的值设置动画或更改形状的颜色？我希望我的形状是：绿色，如果房间是空的如果房间被占用，则为红色

<div id="wb_Shape6"   style="position:absolute;left:471px;top:94px;width:204px;height:183px;filter:alpha(opacity=90);opacity:0.90;z-index:7;">
<img src="images/img0012.png" id="Shape6" alt="" style="width:204px;height:183px;"></div>

Answer 1

欢迎来到SO。有很多方法可以做到这一点。您需要弄清楚SQL查询的外观。由于您还没有发布大量数据，我们很多人都会猜测。如果您可以在问题中添加更多示例或代码，我们可以提供更多帮助。

所以，我会建议：

<style>
.myBox {
  position:absolute;
  left:471px;
  top:94px;
  width:204px;
  height:183px;
  filter:alpha(opacity=90);
  opacity:0.90;
  z-index:7;
}

.redBox {
  background: red;
}

.greenBox {
  background: green;
}
</style>
<?php
// perform MySQL Query (MySQLi or PDO)
// get results: $result, make a decision based on the condition
// will use MySQLi for example
$mysqli = new mysqli("localhost", "my_user", "my_password", "world");
if ($mysqli->connect_errno) {
  printf("Connect failed: %s\n", $mysqli->connect_error);
  exit();
}
if ($result = $mysqli->query("SELECT * FROM someTable;")) {
   while($row = $result->fetch_assoc()){
     if($row['room'] == "empty"){
       $colorClass = "greenBox";
     } else {
       $colorClass = "redBox";
     }
   }
   $result->free();
}
$mysqli->close();
?>
<div id="wb_Shape6" class="myBox <?php echo $colorClass; ?>">
  <img src="images/img0012.png" id="Shape6" alt="" style="width:204px;height:183px;">
</div>

Answer 2

这被视为一种基本的条件情况。有很多方法可以处理它。在这里，我不会讨论数据如何来自数据源。假设您有一个名为$status的变量，并且此变量具有两个值0或1之一。

在您的示例中，您使用的是内联样式，因此我们可能会生成内联条件，如下所示：

<div style="background-color:<?php echo ($status)? 'green':'red'; ?>;"></div>

根据mysql中的值更改形状颜色

2 个答案: