-2

コードはすべての行を同じ色で生成するため、1行おきに少し暗い色合いを追加するにはどうすればよいですか?

ie: ホワイト ベージュ ホワイト ベージュ ホワイト ベージュ

より読みやすいフォーマットになるように。

以下のコード:

if(mysql_num_rows($result) > 0){
    while($row = mysql_fetch_array($result)){
        $invoiceitemssql = mysql_query('SELECT * FROM tblinvoiceitems WHERE invoiceid = '.$row['id'].' LIMIT 0,1');
        $invoiceitems = mysql_fetch_array($invoiceitemssql);
        $html .= '<tr>
            <td><a href="invoices.php?action=edit&id='.$row['id'].'">'.$row['id'].'</a></td>
            <td>'.$row['firstname'].'</td>
            <td>'.$row['lastname'].'</td>
            <td>'.$row['companyname'].'</td>
            <td>'.$row['city'].'</td>
            <td>'.$row['phonenumber'].'</td>
            <td>'.$row['date'].'</td>
            <td>'.$row['duedate'].'</td>
            <td>'.$row['total'].'</td>
            <td>'.$invoiceitems['description'].'</td>
        </tr>';
    }
}
4

5 に答える 5

1

そのようです

$i = 0;

if(mysql_num_rows($result) > 0){
    while($row = mysql_fetch_array($result)){

    if ($i % 2 == 0) {
        color white
    } else {
        color beige
    }

    $i++;
    }
}
于 2013-09-24T18:39:02.883 に答える
0

カウンターを使用して背景色を切り替えます。

$i=0;
while($row = mysql_fetch_array($result)){
     if($i%2 == 0)
         $bgcolor='beige'; // change the color code as needed
     else 
         $bgcolor='white';
     $i++;
     ......
     $html .= '<tr style="background:#'.$bcolor.'">
于 2013-09-24T18:40:09.640 に答える
0

cssを使用できます

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
于 2013-09-24T18:39:58.777 に答える
0

これにはCSS nth-childセレクターを使用できます。これにより、色付けを追加するために厄介なphpループを実行する必要がなくなります。

HTML

<table>
  <tr>
   <td></td><td></td>
  </tr>
  <tr>
   <td></td><td></td>
  </tr>
  <tr>
   <td></td><td></td>
  </tr>
</table>

CSS

table tr:nth-child(odd) {
  background:#F00;
}
table tr:nth-child(even) {
  background:#FF0;
}

JSFiddleデモ

于 2013-09-24T18:41:20.373 に答える
0

CSS を使用して、各行のスタイルを設定できます。

例えば：

tr:nth-child(odd)
{
   background:#fff;
}
tr:nth-child(even)
{
   background:#ddd;
}
于 2013-09-24T18:42:16.217 に答える