- Home
- Przykłady i porady PHP79
- Inne pomoce, software6
- Banery
- Hyde Park Private Zone6
- Polityka cookies
- Udostępnianie tekstów
© 2001 - 2026 PhpCodex
Kolorowanie wierszy
Coloring row
Przykład PHP + JQuery2014-03-07 stopień trudności: łatwyPrzykład kolorowania w php
<?
echo"<ul>";
//lista wyświetlanych pozycji
$lista = array('pozycja1','pozycja2','pozycja3','pozycja4');
function color(){
//zapamiętujemy kolor
static $clr;
if($clr == "#F2F2F2"){
$clr="#FFFFFF";
}
else{
$clr="#F2F2F2";
}
return($clr);
}
for($i=0; $i < count($lista); $i++){
echo"<li style=\"background-color:".color()."\">".$lista[$i]."</li>";
}
echo"</ul>";
?>
Przykład kolorowania w css
#lista li:nth-child(even) { background: #FFFFFF; } #lista li:nth-child(odd) { background: #F2F2F2;
i dalej w php...
<?
echo"<ul id=\"lista\">";
for($i=0; $i < count($lista); $i++){
echo"<li>".$lista[$i]."</li>";
}
echo"</ul>";
?>
powyższe możemy stosować również w listach DL
Przykład kolorowania w JQuery
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:even").css("background-color", "#FFF200");
});
</script>
<table border="1">
<tr><td>00</td><td>01</td><td>02</td></tr>
<tr><td>10</td><td>11</td><td>12</td></tr>
<tr><td>20</td><td>21</td><td>22</td></tr>
<tr><td>30</td><td>31</td><td>32</td></tr>
<tr><td>40</td><td>41</td><td>42</td></tr>
<tr><td>50</td><td>51</td><td>52</td></tr>
</table>
przykład dobrze współpracuje z IE
Możemy również kolorować bazując na liczbach parzystych i nieparzystych dzieląc przez 2
<ul style="list-style:none;">
<?
$data = array(1,2,3,4,5,6,7,8,9,10);
for($i=0; $i <= count($data) ; $i++){
if (($i%2) == 0){
$color = "#E4E4E4";
}else{
$color = "#FFFFFF";
}
echo"<li style=\"background-color:".$color."\">".$data[$i]."</li>";
}
?>
</ul>







