PHP While-每次都会改变颜色

Question

I have a PHP while loop, which displays the content of a database, in a table. I would like to make all the rows in the table different colors.

But not just random. I would like them have different shades of red, where the first row is most red, and then the rest fades into a lighter red.

As an exemple, I would like the same effect as the iPhone App: Clear. Photo example: http://www.realmacsoftware.com/_resources/clear/images/ss_pinch.png

I've tried to make the effect with -nth in CSS and some jQuery, but just couldn't figure it out. I hope you will give it a try.

Here is the code:

<table>


<tr>
<td align="center"><strong>Navn:</strong></td>
<td align="center"><strong>Spørgsmål:</strong></td>
<td align="center"><strong>Tid:</strong></td>

</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>


<?php
}
?>

</tr>
</table>

Answer 1

You have to apply css in table row.

<div class="grad">
<table>
<tr>
<td align="center"><strong>Navn:</strong></td>
<td align="center"><strong>Spørgsmål:</strong></td>
<td align="center"><strong>Tid:</strong></td>
</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>
</div>
 <?php
 }
?>
</tr>
</table>


<script>

//css Part
.grad
{
   background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
}
</script>

Answer 2

If you need a different color for each element, then a static CSS file is not able to describe that. You could generate a CSS file on the fly, but I opt for inline styles instead. Don't use inline styles if you can use a static CSS file.

For a simple linear interpolaction from red to white, adhering to your coding style. I've also removed an extra </div> that didn't belong there:

<?php
$num_rows=mysql_num_rows($result);
$cur_row=0;
while($rows=mysql_fetch_array($result)){
$color=intval(256*$cur_row/($num_rows-1));
$cur_row++;
?>
<tr style="background:rgb(256,<? echo $color.','.$color;>);">
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>
<?php
}
?>

Answer 3

You can also play around with Javascript and HSV (which is a different 'color coordinate system').

Jsfiddle demo: http://jsfiddle.net/QXLRg/7/
Another demo: http://jsfiddle.net/QXLRg/8/
and another: http://jsfiddle.net/QXLRg/10/

(All I did, just change the 'h' value..)

var h = 0.4;
var s = 0.9;
var v = 0.95;

So, if you want to programatically create different colors then it's much better to use HSV instead of raw RGB, cause you can fine control for example 'the color mildness' and much more things.. as you can see in the above example

Answer 4

<?php
$colors = array("yellow","red","green","silver");
$i=0;
while($rows=mysql_fetch_array($result)){
?>
<tr bgcolor="<?php echo $colors[$i]; ?>">
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>


<?php
$i<3?$i++:$i=0;
}
?>

replace like this if you want to rgb color mode then change color name to rgb scale such as rgb(100,100,100)