[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

[martinii007]

No piękne rozwiązanie (IMG:style_emoticons/default/smile.gif)

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ć.

[b4rt3kk]

No piękne rozwiązanie (IMG:style_emoticons/default/smile.gif)

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