[PHP] naprzemienne kolory Opcje

[Taifun]

Witam,
Jak zrobić aby div był raz biały a raz czarny (tło):

[PHP] pobierz, plaintext 
<?php
<div style="background:#000">1</div>
<div style="background:#FFF">2</div>
<div style="background:#000">3</div>
<div style="background:#FFF">4</div>
?>
[PHP] pobierz, plaintext 

itd.

[Spawnm]

[PHP] pobierz, plaintext 
<?php
if($x%2==0){
//kolor 1
}else{
// kolor 2
}
?>
[PHP] pobierz, plaintext 

i to w petle z $x++;

[Rico_ds]

Przepraszam, że odkopuję tak stary temat, ale szkoda zakładać nowy. Napisałem kod, który łączy się z bazą danych, pobiera wartości i tworzy z nich tabelkę. I chciałem żeby wiersze miały naprzemienne kolory. Czy można w jakiś sposób nakazać php (bez jquery, js i innych) aby pobrał sobie do co drugiego wiersza klasę z pliku css, coś w stylu

[HTML] pobierz, plaintext 
.odd { background-color: #def; }
[HTML] pobierz, plaintext 

?

[Wilu88]

No to przecież w poście wyżej masz rozwiązanie chyba że ja czegoś nie rozumiem

po pobraniu rekordów z bazy wyświetlasz je pętlą i przy każdym przebiegu dokonujesz dzielenia moudlo (liczba_przebiegu%2) aby sprawdzić czy jest reszta czyli czy liczba jest parzysta czy nie. No i później nadpisujesz np zmienną $kolor nazwą klasy

[Rico_ds]

no tak ale zamiast koloru umieszczam znacznik np. <tr> i potem <tr class.... bo nie bardzo wiem jak odwołać się do klasy

[Crozin]

Od takich rzeczy masz CSS, a nie zaśmiecanie kodu niepotrzebnymi (chyba, że są do czegoś potrzebne) klasami.

[CSS] pobierz, plaintext 
table tr:nth-child(even) {
  background-color: red;
} 
 
table tr:nth-child(odd) {
  background-color: blue;
} 
[CSS] pobierz, plaintext 

[Rico_ds]

Od takich rzeczy masz CSS, a nie zaśmiecanie kodu niepotrzebnymi (chyba, że są do czegoś potrzebne) klasami.

[CSS] pobierz, plaintext 
table tr:nth-child(even) {
  background-color: red;
} 
 
table tr:nth-child(odd) {
  background-color: blue;
} 
[CSS] pobierz, plaintext 

tylko, że w IE poniżej 9 takie rozwiązanie nie funkcjonuje.


-----

dopisałem trochę jquery do pliku, aby kolorowanie działało w IE.

[HTML] pobierz, plaintext 
<script> $(document).ready(function() { 
	$("tr:odd").addClass("odd");
}); </script>
[HTML] pobierz, plaintext 

Ten post edytował Rico_ds 25.11.2010, 16:21:04