Even and Odd rows of color, my best try.

**lostseed** · Jul 29, 2006, 02:12

This is the only way I could figure this out.
Is this a good way to go about it? I dont know if I have errors or not.
Is there perhaps an easier way?

I tried to make it decide by even/odd #'s skipping 0
(I dont know how to work the even/odd thing very well so i hope its right)

PHP Code:


<?php

function row($y) {

    echo $y++;

    return $y;

}

$y = 1;



if ($y% 2 == 0 ) {

    echo "#fff";

}

else {

    echo "#000";

}

?>

then place this in the page:

PHP Code:


<?php include_once ("color-rows.php"); ?>

And place this in the style:

PHP Code:


<div style="background-color:"<?php $y= row($y); ?>;">

**hamidof** · Jul 29, 2006, 02:36

Take a look at this:
http://www.hamidof.com/Programmers_F...opic.php?t=156

Its not exactly what you asked, but it might help!

**clamcrusher** · Jul 29, 2006, 09:28

if you just want to alternate between 2 colors, its pretty easy

you can use any type of loop, im just going to use foreach to demo

PHP Code:


$y = 0;

foreach ($foo as $bar) {

    $color = ($y++ % 2) ? 'red' : 'green';

    echo $color;

}

//     $color = ($y++ % 2) ? 'red' : 'green'; is the same as the following, just shorter

if (($y % 2) != 0) { 

    $y++;

    $color = 'red';

} else {

    $y++;

    $color = 'green';

}

**lostseed** · Jul 29, 2006, 22:32

Thats a lot easier way to do it, I am still uncomfortable with using the ()?x:y function even though Ive read over it a few times.

I dont understand what $foo and $bar is. What would replace those variables?

**Rubble** · Jul 30, 2006, 01:06

This is a method I found somewhere and use.

PHP Code:


// Define your colors for the alternating rows

    $color1 = "#90BCDE";

    $color2 = "#D2E3F0";

    $row_count = 0;



while ($row = mysql_fetch_array($result)) {



/* Now we do this small line which is basically going to tell

    PHP to alternate the colors between the two colors we defined above. */



    $row_color = ($row_count % 2) ? $color1 : $color2;



// Display the results

echo "<TR bgcolor='".$row_color."'><TD align='center'>".$row['referance_num']."</TD></TR>";



// Add 1 to the row count



    $row_count++;



}

Working example - http://www.cpa-ely.com/cat/cat2.php

**ZareMedia** · Jul 30, 2006, 08:49

This will be the easiest and quickest method for accomplishing this.

CSS File
--------
tr.row0 { background-color: red; }
tr.row1 { background-color: blue; }

PHP File
-------

PHP Code:


// inside while loop for displaying data

$c ^= 1;

echo "<tr class=\"row$c\">";

**clamcrusher** · Jul 30, 2006, 09:48

Originally Posted by lostseed

I dont understand what $foo and $bar is. What would replace those variables?

those variables are irrelevant. i just wanted to show you that you place the code inside of a loop of some kind, whether it be a foreach() loop, a while() loop etc...it doesnt matter.

in fact, you actually dont even need to place it inside of a loop, but i would imagine thats what you want to do.

**DewChugr** · Jul 31, 2006, 13:38

Originally Posted by ZareMedia

This will be the easiest and quickest method for accomplishing this.

CSS File
--------
tr.row0 { background-color: red; }
tr.row1 { background-color: blue; }

PHP File
-------

PHP Code:


// inside while loop for displaying data

$c ^= 1;

echo "<tr class=\"row$c\">";

This is similar, but a line shorter than what I found somewhere. I used,

.table_row_0 {background-color:#EEEEEE;}
.table_row_1 {background-color:#DDDDDD;}

$row_style = 0;
while($row = mysql_fetch_row($result)) {
$row_style = 1 - $row_style;
...
<tr class='table_row_".$row_style."'>

**Dez** · May 1, 2007, 06:54

Originally Posted by ZareMedia

This will be the easiest and quickest method for accomplishing this.

CSS File
--------
tr.row0 { background-color: red; }
tr.row1 { background-color: blue; }

PHP File
-------

PHP Code:


// inside while loop for displaying data

$c ^= 1;

echo "<tr class=\"row$c\">";

I would love to use this code, but am unsure where to place the php part ?

At the moment, on http://www.130605.com/alternate-rows I have this in the page :

<?
$tablerow_count=0;
function tablerowswitch() {
global $tablerow_count;
$tablerow_count++;
if ($tablerow_count % 2) {
echo "odd";
}
else {
echo "even";
}
}
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="Test">
<link rel="stylesheet" type="text/css" href="http://www.130605.com/styles.css">
</head>

<body>
<table summary="Alternate rows">
<tr class="<? tablerowswitch(); ?>">
<td>First row</td>
</tr>
<tr class="<? tablerowswitch(); ?>">
<td>Second row</td>
</tr>
<tr class="<? tablerowswitch(); ?>">
<td>Third row</td>
</tr>
<tr class="<? tablerowswitch(); ?>">
<td>Fourth row</td>
</tr>
</table>

</body>

</html>

Any help much appreciated.

Dez.

p.s. I can't seem to get the table into the center, but that's another problem!

**spikeZ** · May 1, 2007, 07:23

Hi Dez, not much wrong with what you have now. You are just missing one last ingredient.....

you haven't echoed the class!

PHP Code:


<tr class="<?php echo tablerowswitch(); ?>">

As for centering, either use table align="center" or wrap it in a div with margin: auto; in the style

**Dez** · May 1, 2007, 09:28

Many thanks for that SpikeZ, it's appreciated. Thanks also for the aligning tip - got that one solved now.

Is there any way of not including any php code within the tables and for it to still work please ? Looking at some of these posts on this thread, it seems as though there might be a way to do it, but because I'm a little new to this, am a little unsure. It would sure be great to add and take out rows, without worrying about the php code. It would be great if this could be done without javascript anywhere.

Any help very much appreciated.

Dez.

**Dez** · Jun 20, 2007, 02:14

Originally Posted by Dez

Many thanks for that SpikeZ, it's appreciated. Thanks also for the aligning tip - got that one solved now.

Is there any way of not including any php code within the tables and for it to still work please ? Looking at some of these posts on this thread, it seems as though there might be a way to do it, but because I'm a little new to this, am a little unsure. It would sure be great to add and take out rows, without worrying about the php code. It would be great if this could be done without javascript anywhere.

Any help very much appreciated.

Dez.

The reason for asking the above, is, it would be great, to be able to just switch rows around, add rows, delete rows, without going through all the rows afterwards to alter the codes for the rows.

Any help much appreciated.

Dez.

**rjm1982** · Jun 20, 2007, 02:51

rather than doing the modulus (&#37

.... just do a compare... % is more cpu intensive than a simple compare (not much, but its obviously in a loop);

use classes (css) and just do the class names...like this

then just put the class name in. Having a function for it is WAY overkill... (my opinion, of course)

PHP Code:



$class = ($class == 'row1') ? 'row2' : 'row1';

Zare's method above is about the only faster way. But his method is limted to classes ending in 1 or 0 .. so its not ideal for me (my css clasess are always row0 (header), row1(first color), row2(second color)

**Raju Gautam** · Jun 20, 2007, 02:51

How about for the alternate two colors?

PHP Code:


while($rows = $objDb->FetchRows($result)){
    $bgcolor = ($bgcolor == "#E4E4E4") ? "#FFFFFF" : "#E4E4E4";
    echo '<tr bgcolor="' . $bgcolor . '">';
    echo '<td align="left" style="height:24px;">&nbsp;</td>';
    echo '<td align="left">' . $rows['company_name']. '</td>';
    echo '<td align="left">' . $rows['project_name'] .'</td>';
    echo '<td align="left">&nbsp;</td>';
    echo '<td align="left">&nbsp;</td>';
    echo '<td align="left">' . $rows['leadfromdate'] .'</td>';
    echo '<td align="left">&nbsp;</td>';
    echo '</tr>';
}

**rjm1982** · Jun 20, 2007, 05:31

rajug...

that works...same idea as mine...

I would never do that because 1) bgcolor is depreciated... and 2) classes will save you when the client decides he wants to change the colors on all the tables on the site

**Dez** · Jun 20, 2007, 05:51

Originally Posted by rjm1982

rather than doing the modulus (%) .... just do a compare... % is more cpu intensive than a simple compare (not much, but its obviously in a loop);

use classes (css) and just do the class names...like this

then just put the class name in. Having a function for it is WAY overkill... (my opinion, of course)

PHP Code:




$class = ($class == 'row1') ? 'row2' : 'row1';

Zare's method above is about the only faster way. But his method is limted to classes ending in 1 or 0 .. so its not ideal for me (my css clasess are always row0 (header), row1(first color), row2(second color)

Many, many thanks for all the help on this from everyone - as usual, it's always appreciated.

I must say that I do like the above idea of having separate colors for the headers and footers

I'm fairly new to php, how would all this link together please ?

Dez.

**Php_penguin** · Jun 20, 2007, 06:30

just use a static variable!

Code:

function rowcolor() {
static $col = 1;
if($col == 1) {
  $col = 2;
  return "#fff";
} else {
 $col = 1;
 return "#000";
}
}

then whenever you need a color, just call rowcolor();

**Dez** · Jun 20, 2007, 06:40

Many thanks for that - it's appreciated.

Would that work for the headers and footers as well please ?

**Php_penguin** · Jun 20, 2007, 06:45

you would need to create a new function for each set of rows, or use this modified function:

Code:

function rowcolor($num=1) {
static $col$num = 1;
if($col$num == 1) {
  $col$num = 2;
  return "#fff";
} else {
 $col$num = 1;
 return "#000";
}
}

then for each section just call it with something like rowcolor("3"); using a different number for each distinct section (like 1 for the header, 2 for the main, and 3 for the footer).

**Cups** · Jun 20, 2007, 08:29

I spotted this tutorial today. Shows a couple of ways of doing the same thing, has timings too, showing which is quickest.

**Dez** · Jun 20, 2007, 11:49

Originally Posted by Cups

I spotted this tutorial today. Shows a couple of ways of doing the same thing, has timings too, showing which is quickest.

I got a 404 on that one

**Dez** · Jun 20, 2007, 12:03

Originally Posted by Dez

I got a 404 on that one

Got it, although it got close to timing out.

Looks good.

I'll work through the night a little on this and show you lot the results, but could you guide me a little along the way please ?

Dez.

The SitePoint Forums have moved.

User Tag List

Thread: Even and Odd rows of color, my best try.

Thread Tools

Display

Even and Odd rows of color, my best try.

Bookmarks

Bookmarks

Posting Permissions