[HTML][MySQL][PHP]Elementy tr/td w pętli Opcje

[martinii007]

Otóż mam następujący problem:

Chciałbym aby menu nad któym pracuję miało wygląd tabeli: i na przemian wiersze mają się zmieniać, raz czarny, raz biały.

[HTML] pobierz, plaintext 
 
										<tr class="odd">
											<td>
												<span>Lobster Rolls with house made old bay potato chips</span>
												<p class="lang1">Lobster Rolls with house made old bay potato chips</p>
												<p class="lang2">Lobster Rolls with house made old bay potato chips</p>
											</td>
											<td class="price">$12.79</td>
										</tr>
										<tr>
											<td>
												<span>Lobster Rolls with house made old bay potato chips</span>
												<p class="lang1">Lobster Rolls with house made old bay potato chips</p>
												<p class="lang2">Lobster Rolls with house made old bay potato chips</p>
											</td>
											<td class="price">$12.79</td>
										</tr>
										<tr class="odd">
											<td>
												<span>Lobster Rolls with house made old bay potato chips</span>
												<p class="lang1">Lobster Rolls with house made old bay potato chips</p>
												<p class="lang2">Lobster Rolls with house made old bay potato chips</p>
											</td>
											<td class="price">$12.79</td>
										</tr>
										<tr>
											<td>
												<span>Lobster Rolls with house made old bay potato chips</span>
												<p class="lang1">Lobster Rolls with house made old bay potato chips</p>
												<p class="lang2">Lobster Rolls with house made old bay potato chips</p>
											</td>
											<td class="price">$12.79</td>
										</tr>
 
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
										$menu = DatabaseManager::selectBySQL("SELECT * FROM Menu where id>=0 and id<=10");  //10 dań
										foreach($menu as $pozycje_menu) {
 
										for($id=$pozycje_menu['id']; $id < 9; ++$id)
										{
 
										 $odd= "class=\"odd\"";
										 $empty="";
 
										 echo '<tr '.($id & 1 ? $odd : $empty).'>';
 
										echo'
											<td>
												<span>'.$pozycje_menu['danie_1'].'</span>
												<p class="lang1">'.$pozycje_menu['opis_dania_1'].'</p>
												<p class="lang2">'.$pozycje_menu['opis_dania_2'].'</p>
											</td>
										  <td class="price">'.$pozycje_menu['cena'].'</td>
										</tr>
										';}}
[PHP] pobierz, plaintext 

Wszystko wyświetla się OK tylko, że są powielone rekordy. Potrzebuję jedynie "zlikwidować" te powtarzające się elementy, bo reszta wyświetla się prawidłowo.

Ten post edytował martinii007 2.04.2014, 10:05:11

[b4rt3kk]

Jeśli to możliwe, to proponuję zrezygnować z klas even, odd, a użyć zwyczajnie w tym celu css, czyli:

[HTML] pobierz, plaintext 
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
[HTML] pobierz, plaintext 

[martinii007]

No piękne rozwiązanie

A można to jakoś skrócić?

Zrealizowałem to w taki sposób:

[HTML] pobierz, plaintext 
tr.odd:nth-child(1) {background-color: transparent}
tr.odd:nth-child(2) {background: #FFF}
tr.odd:nth-child(3) {background-color: transparent}
tr.odd:nth-child(4) {background: #FFF}
tr.odd:nth-child(5)  {background-color: transparent}
tr.odd:nth-child(6) {background: #FFF}
tr.odd:nth-child(7) {background-color: transparent}
tr.odd:nth-child(8) {background: #FFF}
tr.odd:nth-child(9)  {background-color: transparent}
tr.odd:nth-child(10) {background: #FFF}
tr.odd:nth-child(11)  {background-color: transparent}
tr.odd:nth-child(12) {background: #FFF}
[HTML] pobierz, plaintext 

P.S.

Jakby ktoś miał rozwiązanie w PHPie to również można podrzucić.

[Sephirus]

Panie autor przecież b4rt3kk podał Ci właśnie skróconą wersję

Co do powielania rekordów to nie do końca kumam. Jakto one się powielają?

[martinii007]

W ten sposób nie działa:

[HTML] pobierz, plaintext 
tr.odd:nth-child(even) {background-color: transparent}
tr.odd:nth-child(odd) {background: #FFF}
[HTML] pobierz, plaintext 

Powielają się w następujący sposób:

Np. wiersz z id=1 wyświetla się na stronie 8 razy, następny również itd. zamiast pojedynczo wszystkie pokolei od id1 do 10, jeżeli chodzi o CSS to Klasa CSS jest dodawana prawidłowo i jest wyświetlone wszystko na przemian.

[b4rt3kk]

No piękne rozwiązanie

A można to jakoś skrócić?

Zrealizowałem to w taki sposób:

[HTML] pobierz, plaintext 
tr.odd:nth-child(1) {background-color: transparent}
tr.odd:nth-child(2) {background: #FFF}
tr.odd:nth-child(3) {background-color: transparent}
tr.odd:nth-child(4) {background: #FFF}
tr.odd:nth-child(5)  {background-color: transparent}
tr.odd:nth-child(6) {background: #FFF}
tr.odd:nth-child(7) {background-color: transparent}
tr.odd:nth-child(8) {background: #FFF}
tr.odd:nth-child(9)  {background-color: transparent}
tr.odd:nth-child(10) {background: #FFF}
tr.odd:nth-child(11)  {background-color: transparent}
tr.odd:nth-child(12) {background: #FFF}
[HTML] pobierz, plaintext 

P.S.

Jakby ktoś miał rozwiązanie w PHPie to również można podrzucić.

Powinno działać, bo even i odd to w css słowa kluczowe, ale tutaj masz wersję z indeksem wiersza, to samo, tyle że inaczej zapisane.

[HTML] pobierz, plaintext 
tr:nth-child(2n+1) {background-color: transparent}
tr:nth-child(2n) {background: #FFF}
[HTML] pobierz, plaintext 

Poza tym nie zauważyłeś że masz pętlę w pętli? Wszystko wykonuje się tak na oko jakieś 88 razy, w zależności ile masz tam rekordów.

Powinno to wyglądać z grubsza tak:

[PHP] pobierz, plaintext 
    	$menu = DatabaseManager::selectBySQL("SELECT * FROM Menu where id>=0 and id<=10"); //10 dań
echo '<table>';
    foreach($menu as $pozycje_menu) {
    echo'<tr>
    <td>
    <span>'.$pozycje_menu['danie_1'].'</span>
    <p class="lang1">'.$pozycje_menu['opis_dania_1'].'</p>
    <p class="lang2">'.$pozycje_menu['opis_dania_2'].'</p>
    </td>
    <td class="price">'.$pozycje_menu['cena'].'</td>
    </tr>
    ';
}
echo '</table>';
[PHP] pobierz, plaintext 

I css jak wyżej.

Ten post edytował b4rt3kk 2.04.2014, 10:48:01

[trueblue]

Wyrzuć tą pętle for w foreach, oprzyj tylko na jednej for. Odd i even oprzyj na zmiennej w tej pętli, a nie id pozycji menu.

[PHP] pobierz, plaintext 
for($i=0;$i<count($menu);$i++){
$odd=$i%2; //tu odd lub nie
$menu[$i]['danie_1']; //w tej zmiennej będziesz mieć danie_1, analogicznie dla pozostałych
}
[PHP] pobierz, plaintext 

Ten post edytował trueblue 2.04.2014, 10:46:48