achtergrond tabelrij

Ik begrijp niet precies wat je bedoelt, maar ik denk dat zo iets moet werken:

<?php
$aantal = mysql_num_rows($iets);
echo '<table>';
for($i=1;$i<=$aantal;$i++){
echo '<tr bgcolor="';
if($i == round($i)){
echo '#FF0000';
}else{
echo '#00FFFF';
}
echo '">Tekst</tr>';
}
?>

Het is niet de mooiste manier maar werkt volgens mij wel gewoon.

bedankt voor dit snelle antwoord.

Dit is dus wat ik bedoel. de pare lijnen een ander kleur dan de onpare.
Nu ben ik bezig met het in een class te doen. iets properder :)
Maar ik zou dus willen weten of het eenvoudiger kan

Jan

http://phpwiki.santhe.nl/index.php/Records_Om_en_Om_kleuren

Bedankt ook. Dit is dus hetzelfde als ik al deed.

Jan R op 05/02/2013 10:27:11

Dit is dus wat ik bedoel. de pare lijnen een ander kleur dan de onpare.

Voor oneven/even kun je hier een vergelijking met % 2 voor de modulus gebruiken. De uitkomst is dan 0 óf 1 en dat geeft je vervolgens een true of false:

<?php
$rijen = 10;
echo '<table>';
for ($i = 1; $i <= $rijen; $i++){
   echo '<tr style="background-color:';
   echo $i % 2 == 0 ? '#FF0000' : '#00FFFF';
   echo '"><td>Lorem ipsum</td></tr>';
}
echo '</table>';
?>

Ja; $i % 2 lijkt me de beste manier (de meeste manieren komen op het zelfde neer; zo veel verschil zal het niet maken).
Nu, je kan dit script nog steeds gebruiken om een class te zetten, ipv. de kleur.
iets als
<?php
echo '<tr class="' . ($i % 2 == 0 ? 'even' : 'odd') . '"><td>Lorem ipsum</td></tr>';
?>
En dan .odd en .even stylen in css.

Stop!!!

Waarom al die PHP-ellende en grote hoeveelheden HTML gebruiken?

Dit doet precies wat je wilt:

table tr td {
    background-color: #ffff00;
}
table tr:nth-child(odd) td {
    background-color: #ff0000;
}

En is gewoon CSS, werkt sneller dan dat geëmmer met PHP en HTML-classes.
Zie http://jsfiddle.net/n2F7T/

Eddy E op 05/02/2013 12:48:30

Waarom al die PHP-ellende en grote hoeveelheden HTML gebruiken?

Voor de usual suspects?

Browser support IE8 == NONE

Jammer dan. Is 'maar' 6,8%. En IE10 komt binnenkort ook als public uit.

Eddy E op 05/02/2013 12:48:30

Dit doet precies wat je wilt:

table tr td {
    background-color: #ffff00;
}
table tr:nth-child(odd) td {
    background-color: #ff0000;
}

En is gewoon CSS, werkt sneller dan dat geëmmer met PHP en HTML-classes.
Zie http://jsfiddle.net/n2F7T/

Zoiets bedoelde ik dus :)

Spijtig genoeg heb ik op mijn werk ook nog ie 8. Verdere testen zijn dus voor later

Allemaal bedankt

Jan

[size=xsmall]Toevoeging op 06/02/2013 08:47:32:[/size]

Werkt inderdaad :)
spijtig van ie8 er zijn toch nog veel gebruikers blijkbaar. zie ik in mijn log