Alternate row colours in list mode

[caitlinn]

I've had a look around to see if anyone's done this, but haven't found anything.

Is there a way to alternate row colours in list mode? I might even be able to throw something together in PHP if there is already a variable available which contains the total number of events in list mode (have it currently set to pull the full month via 'default' settings).

Thanks in advance.

[ve9gra]

That's something I've never tried.. and I'm not entirely sure that it is even possible... The list mode is generated using a template and the part that calls the template is in the encrypted code. So there's no way to tell, from the template file, which row you're on.

I'll keep this one on my plate and see if there's anything I can come up with.

[Brian]

This is on the "wish list" and it should be something added in a future release (can't say when).

It may be possible to do this now, but you'd probably need to use JavaScript (something I can't help with).

[ve9gra]

I just got a flash.. I might be able to work something out..

[caitlinn]

Was able to pull it off with Javascript. Would be very interested if you are eventually able to do it with PHP.

[ve9gra]

Gotta love output buffering..

If you've managed to do it in JavaScript (I don't think I can handle that) I'm sure you'll be able to understand this quite easily.

1- In the template that you're using, find the section that is delimited by

<!--body-->

and add this additional delimiter

=-+-=

just before the second one.

2- In that same template, replace the color from the table by this marker

%color%

3- Where you'd normally have the code for the list to be shown (just after $LIST=1; ) surround the require with the output buffering code, like so:

PHP Code:

ob_start();
require("calendar.php");
$my_list = ob_get_clean(); 


4- Right after this, paste the juicy bits

PHP Code:

$color1="#FFFDF2";
$color2="#FFFFFF";
$epc_split = explode("=-+-=",$my_list);
for ($x=0; $x < count($epc_split); $x++) {
    if($x % 2) {
        $epc_split[$x] = str_replace("%color%", $color2, $epc_split[$x]);
    } else {

        $epc_split[$x] = str_replace("%color%", $color1, $epc_split[$x]);
    }
}
$my_list = implode("", $epc_split);
echo $my_list; 


Oh... don't forget to change $color1 and $color2 to your choice of color

[caitlinn]

Very nice, Ve9gra! Well done for figuring it out in PHP.

The Javascript solution was pretty easy. A quick Google and I had my solution.

function applyColors(){
    tbl =document.getElementById("myTable");
    for (j=0;j<tbl.rows.length;j++)
        if(j%2==0) tbl.rows[j].style.background= "yellow";
}
window.onload=applyColors;

Source: http://www.ekcsoft.com/coding/js.php?page=alternate

[Brian]

Going to make this thread "Sticky".