隨機顏色和DIV寬度不工作

Question

這裏是我的代碼：

<?php 
    // Returns a random RGB color (used to color the vote bars) 
    function getRandomColor2() 
    { 
     $r2 = rand(128,255); 
     $g2 = rand(128,255); 
     $b2 = rand(128,255); 
     $color2 = dechex($r2) . dechex($g2) . dechex($b2); 
     echo "$color2"; 
    } 

    echo "<table id=\"tblResults2\" align=\"center\">"; 

    // Get max vote count 
    $doc = new DOMDocument(); 
    $doc->load("../vote_dir/xml/results.xml"); 
    $maxvotes2 = 0; 
    $pollitems2 = $doc->getElementsByTagName("pollitem"); 
    foreach($pollitems2 as $pollitem2) 
    { 
    $votes2 = $pollitem2->getElementsByTagName("votes"); 
    $vote2 = $votes2->item(0)->nodeValue; 
    $maxvotes2 = $maxvotes2 + $vote2; 
    } 

    // Generate the results table 
    $doc = new DOMDocument(); 
    $doc->load("../vote_dir/xml/results.xml"); 
    $pollitems2 = $doc->getElementsByTagName("pollitem"); 
    foreach($pollitems2 as $pollitem2) 
    { 
    $entries2 = $pollitem2->getElementsByTagName("entryname"); 
    $entry2 = $entries2->item(0)->nodeValue; 
    $votes2 = $pollitem2->getElementsByTagName("votes"); 
    $vote2 = $votes2->item(0)->nodeValue; 
    $tempWidth2 = $vote2/$maxvotes2; 
    $tempWidth2 = 300 * $tempWidth2; 
    $votepct2 = round(($vote2/$maxvotes2) * 100); 
    echo "<tr><td width=\"45%\" class=\"polls\">$entry2</td>"; 
    echo "<td width=\"35%\" class=\"resultbar\"><div class=\"bar\" style=\"background-color: "; 
     getRandomColor2(); 
     echo "; width: $tempWidth2 px;\">$votepct2%</div></td><td class=\"each_vote\" width=\"20%\">($vote2 votes)</td></tr>"; 
    } 
    echo "<tr><td width=\"45%\" class=\"total\" colspan=\"3\">Σύνολο ψήφων: $maxvotes2</td>"; 
    echo "</table>"; 
?> 

我的問題是，當我把它，一切正常但是：

1. 我沒有得到任何顏色

2. 顯示％的所有DIV都是相同的寬度而不是$ tempWidth2

爲每個div顯示固定（不同）顏色更容易嗎？ 謝謝

Answer 1

變化：

echo "$color2"; 

到：

echo "#$color2"; // added #, fixes colors 

...和變化：

echo "; width: $tempWidth2 px;\">$votepct2%</div></td><td class=\"each_vote\" width=\"20%\">($vote2 votes)</td></tr>"; 

...到：

echo "; width: {$tempWidth2}px;\">$votepct2%</div></td><td class=\"each_vote\" width=\"20%\">($vote2 votes)</td></tr>"; 
// removed a space, wrapped var in {}, fixes widths 

...儘管你會做在可讀性方面要好得多，從你的函數返回一個字符串，像這樣：

function getRandomColor2() 
{ 
    $r2 = rand(128,255); 
    $g2 = rand(128,255); 
    $b2 = rand(128,255); 
    $color2 = dechex($r2) . dechex($g2) . dechex($b2); 
    return "#".$color2; 
} 

// ... 

echo "<tr>" 
    . "<td width=\"45%\" class=\"polls\">{$entry2}</td>" 
    . "<td width=\"35%\" class=\"resultbar\">" 
    . "<div class=\"bar\" style=\"background-color: ".getRandomColor2()."; width: {$tempWidth2}px;\">{$votepct2}%</div>" 
    . "</td>" 
    . "<td class=\"each_vote\" width=\"20%\">({$vote2} votes)</td>" 
    . "</tr>";