2016-01-09 77 views
1

我需要風格我的回聲輸出。 FX風格回聲輸出不同

如果數字爲1,應該是藍色

,如果數字是6,應該是綠色

我不知道如何做到這一點,因爲如果我風格我div標籤,它是所有的數字,我需要樣式一些特定的數字。因爲它現在有些數字有不同的填充。我認爲如果它應該是

if($number == 1) { 
    //some code 
} 

或者是完全錯誤的?

HTML:

<div id="show" > 
      <div class="numberheader"> 
       <p>Tal</p> 
      </div> 
      <ul class="latestnumbers" style="list-style:none;padding-top: 60px;"> 
       <?php include('response.php');?> 
      </ul>   
     </div> 

PHP:

<?php 
//echo "kuagdjagd"; 
ini_set('display_errors', 1); 
ini_set('display_startup_errors', 1); 
error_reporting(E_ALL); 
//include('session.php'); 

// Selecting Database 
include 'dbconfic.inc.php'; 
$pad_left_values = array(0 => 19, 1 => -1, 2 => 20, 3 => -1, 4 => 38, 5 => -1, 6 => 40, 7 => 20, 8 => 20, 9 => 40, 10 => 20, 11 => 20, 12 => 20); 

    // '?' er placeholders for variabler 
    $stmt = $mysqli->prepare("SELECT * FROM numbertable ORDER BY num_id DESC LIMIT 9;"); 

    // execute prepared statement 
    $stmt->execute(); 

    // gør variabler klar:  
    $number = null;  
    $n_id = null; 

    /* bind result variabler */ 
    $stmt->bind_result($n_id, $number); 

    /* fetch values for hver row, her kun 1 row dog: */ 
    while ($stmt->fetch()) { 
     $pad = ($number >= 1 && $number <= 12? $pad_left_values[$number]: $pad_left_values[0]); 

     echo "<li><div style='padding-left: ".$pad."px;'>$number</div></li>"; 

    }  

    // luk statement       
    $stmt->close(); 

    // luk connection 
    $mysqli->close();     

?> 
+0

什麼是錯把一對夫婦如果要是數爲1報表檢查,6或其他人在你回聲之前? – sinaza

回答

1

你可以做到這一點,就像你用Paddings已經做到了:通過使用數組。

$colorArr = Array(0=>"black", 1=>"blue", 2=>"yellow", /** ... **/, 6=>"green" /** ... **/); 
/** ... **/ 
while ($stmt->fetch()) { 
    $pad = ($number >= 1 && $number <= 12? $pad_left_values[$number]: $pad_left_values[0]); 
    $col = ($number >= 1 && $number <= 12? $colorArr[$number]: $colorArr[0]); 

    echo "<li><div style='padding-left: ".$pad."px; color: ".$col."'>$number</div></li>"; 

}  

而且使你的代碼更動態的,你應該$number < count($pad_left_values)更換$number <= 12條件。這樣您可以添加更多的填充/顏色值,而不必擔心在代碼中設置正確的編號。

+0

DankeschönTobias。它工作完美。如果我使用$ number M375

+0

是的,這正是它的意思:)它會自動計算你存儲了多少個填充值。 –

0

更換

echo "<li><div style='padding-left: ".$pad."px;'>$number</div></li>"; 

隨着

echo '<li><div class="color_'.$number.'" style='padding-left: ".$pad."px;'>$number</div></li>'; 

而寫CSS FORR這種情況下

.color_1{ 
    color:blue; 
    } 
.color_6{ 
    color:green; 
    }