Forum PHP.pl > [PHP] naprzemienne kolory

Pomoc - Szukaj - Użytkownicy - Kalendarz

Taifun

11.04.2009, 19:24:08

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

11.04.2009, 19:27:16

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

i to w petle z $x++;

Rico_ds

25.11.2010, 13:53:45

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

25.11.2010, 14:00:04

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

25.11.2010, 15:21:07

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

Crozin

25.11.2010, 15:26:37

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

25.11.2010, 15:32:22

Cytat(Crozin @ 25.11.2010, 15:26:37 )

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.