2015-04-28 35 views
0

有没有基于mysql中的值设置动画或更改形状颜色的方法? 我希望我的外形是: 绿色,如果房间是空的 如果红色的房间被占用根据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> 
+0

什么服务器端语言是您使用解释SQL值? –

+0

@Vlad Bardalez我使用wamp server 2.4和mysql作为语言我不认为我很了解你,因为我只是一个初学者 –

+0

从你的其他文章我明白你正在使用PHP。我假设你的查询正在工作,所以你可以回显你想基于颜色变化的值吗? –

回答

1

欢迎SO。 有很多方法可以做到这一点。你需要弄清楚你的SQL Query将会是什么样子。既然你没有发布很多数据,我们很多人都会猜测。如果您可以为您的问题添加更多示例或代码,我们可以提供更多帮助。

所以,我建议这样的:

<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> 
+0

谢谢@Twisty代码几乎与上面显示的一样,但是如果你告诉我你在找什么,谢谢 –

0

这被看作是一个基本条件的情况。有很多方法来处理它。在这里我不会处理数据来自数据源的方式。假设您有一个名为$status的变量,并且此变量具有01两个值中的一个。

在您的例子使用的是内联样式,所以我们可以做出一个内嵌条件类似如下:

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

你可以举一个关于如何使用内联样式的例子吗?谢谢@sємsєм –

+0

我在答案中认为是[内联样式]的示例(http://www.w3schools.com/css/css_howto.asp)@GhassenCharai – SaidbakR