2015-04-28 37 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