Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS] Classy divy i tabela
Forum PHP.pl > Forum > Przedszkole
_Martin_
22.01.2009, 13:26:12
Witam

Mam takie pytanie,
Poniżej znajduje się kod do wyświetlania tabeli która generuje przez pętle while
Mam 8 pozycji wygląda to niej więcej tak:
Oto link do screenu tabeli
http://www.wrzuta.pl/obraz/G3vZY7Cmeq/tabela_www.90minut.org


[PHP] pobierz, plaintext 
  1. <?php
  2. echo '
  3.             <div>
  4.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  5.                     <div class="picker-head"></div>
  6.                     <div class="picker-text">
  7.               '.($r['pozycja']).'
  8.                   </div>
  9.                   <div class="picker-bottom"></div>
  10.               </div>
  11.                 <div class="picker-horizontal" style="float: left; width: 40%;">
  12.                     <div class="picker-head"></div>
  13.                     <div class="picker-text">
  14.               '.filt_klub($r).($r['aktywny'] == 0 ? '*' : '').' '.$sFlag.'
  15.                   </div>
  16.                   <div class="picker-bottom"></div>
  17.               </div>
  18.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  19.                     <div class="picker-head"></div>
  20.                     <div class="picker-text">
  21.               '.($r['mecze']).'
  22.                   </div>
  23.                   <div class="picker-bottom"></div>
  24.               </div>
  25.                 <div class="picker-horizontal" style="float: left; width: 8%;">
  26.                     <div class="picker-head"></div>
  27.                     <div class="picker-text">
  28.               '.$r['punkty'].'
  29.                   </div>
  30.                   <div class="picker-bottom"></div>
  31.               </div>
  32.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  33.                     <div class="picker-head"></div>
  34.                     <div class="picker-text">
  35.               '.$r['zwyciestwa'].'
  36.                   </div>
  37.                   <div class="picker-bottom"></div>
  38.               </div>
  39.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  40.                     <div class="picker-head"></div>
  41.                     <div class="picker-text">
  42.               '.$r['remisy'].'
  43.                   </div>
  44.                   <div class="picker-bottom"></div>
  45.               </div>
  46.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  47.                     <div class="picker-head"></div>
  48.                     <div class="picker-text">
  49.               '.$r['porazki'].'
  50.                   </div>
  51.                   <div class="picker-bottom"></div>
  52.               </div>
  53.                 <div class="picker-horizontal" style="float: left; width: 15%;">
  54.                     <div class="picker-head"></div>
  55.                     <div class="picker-text">
  56.               '.$r['bramki_zdobyte']." - ".$r['bramki_stracone'].'
  57.                   </div>
  58.                   <div class="picker-bottom"></div>
  59.               </div>
  60.             </div>
  61.             <div class="sep"></div>
  62.         ';
  63.       }
  64.       
  65.       echo '</div>';
  66. ?>
[PHP] pobierz, plaintext


Powyzej jest kod który generuje całą tabele

Mam pytanie teraz jak zrobić aby class
picker-horizontal który odpowiedzialny jest za tabele (obramowanie kolor ect) zmieniał się losowo
Co mam na myśli już mówię na rysunku obok nazwy drożyny jest numerek 1 i 2 i tak na zmianę.
W Tej chwili kolor tła każdego kwadrata gdzie jest treśc jak widać jest biała a chciał bym żeby tam gdzie zaznaczyłem 1 np było czerwone tło a tam gdzie 2 np białe.
Chodzi o to zęby na zmianę kolor pokazywał clasa "picker-horizontal" odpowiada za ten kolor . bo to obrazek jest umiem zrobić jeden kolor który idzie przez całą tabele ale jak zrobić jak już mówiłem żeby raz byłą biała a raz np czerwona i znowu biała czerwona i tak na zmianę

P.S Jak ktoś nie rozumie to tabela ma wyglądać tak:
http://www.wrzuta.pl/obraz/bcz9gGCh1h/90mi...ilkarski_online

Dziękuje serdecznie za pomoc!@exclamation.gif!!!!!
MateuszS
22.01.2009, 14:27:08
Daj cały kod
_Martin_
22.01.2009, 14:50:49
Oto cały kod:


[PHP] pobierz, plaintext 
  1. <?php
  2. list ($iLiga, $iDywizja) = explode('_', $liga);
  3.     
  4.         $i = $j = 0;
  5.         $iSep = 0;
  6.         $bShowedUp = $bShowedDown = false;
  7.       while ($r=mysql_fetch_assoc($rQry))
  8.       {
  9.         $i = $r['pozycja'];
  10.         $j ++;
  11.         
  12.         
  13.         if ($i+1 == $aLigConf[$iLiga][0] and $iLiga>1 and !$bShowedUp)
  14.         {
  15.             echo'<tr><td colspan="8"><hr size="1"/></td></tr>';
  16.             $bShowedUp = true;
  17.         }
  18.         if ($i > 8-$aLigConf[$iLiga][1] and $aLigConf[$iLiga][1] and !$bShowedDown)
  19.         {
  20.             echo'<tr><td colspan="8"><hr size="1"/></td></tr>';
  21.             $bShowedDown = true;
  22.         }
  23.         
  24.         if ($iLiga == 1 and $i == $aLigConf[$iLiga][0])
  25.             $style = 'color:gold';
  26.         elseif ($i>8-$aLigConf[$iLiga][1])
  27.             $style = 'color:rgb(255, 130, 130)';
  28.         elseif ($iLiga > 1 and $i==$aLigConf[$iLiga][0])
  29.             $style = 'color:rgb(130, 255, 130)';
  30.         else
  31.             $style = '';
  32.     
  33.         $sFlag = '';
  34.         list ($iRL) = explode('_', $r['ps_liga']);  
  35.         if ($r['ps_liga'] == '1_1' and $r['ps_pozycja'] == 1)
  36.         {
  37.             $sFlag = 'M';
  38.         }
  39.         elseif ($iRL>$iLiga)
  40.         {
  41.             $sFlag = 'B';
  42.         }
  43.         elseif ($iRL<$iLiga and $iRL)
  44.         {
  45.             $sFlag = 'S';
  46.         }
  47.         
  48.         echo '
  49.             <div>
  50.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  51.                     <div class="picker-head"></div>
  52.                     <div class="picker-text">
  53.               '.($r['pozycja']).'
  54.                   </div>
  55.                   <div class="picker-bottom"></div>
  56.               </div>
  57.                 <div class="picker-horizontal" style="float: left; width: 40%;">
  58.                     <div class="picker-head"></div>
  59.                     <div class="picker-text">
  60.               '.filt_klub($r).($r['aktywny'] == 0 ? '*' : '').' '.$sFlag.'
  61.                   </div>
  62.                   <div class="picker-bottom"></div>
  63.               </div>
  64.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  65.                     <div class="picker-head"></div>
  66.                     <div class="picker-text">
  67.               '.($r['mecze']).'
  68.                   </div>
  69.                   <div class="picker-bottom"></div>
  70.               </div>
  71.                 <div class="picker-horizontal" style="float: left; width: 8%;">
  72.                     <div class="picker-head"></div>
  73.                     <div class="picker-text">
  74.               '.$r['punkty'].'
  75.                   </div>
  76.                   <div class="picker-bottom"></div>
  77.               </div>
  78.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  79.                     <div class="picker-head"></div>
  80.                     <div class="picker-text">
  81.               '.$r['zwyciestwa'].'
  82.                   </div>
  83.                   <div class="picker-bottom"></div>
  84.               </div>
  85.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  86.                     <div class="picker-head"></div>
  87.                     <div class="picker-text">
  88.               '.$r['remisy'].'
  89.                   </div>
  90.                   <div class="picker-bottom"></div>
  91.               </div>
  92.                 <div class="picker-horizontal" style="float: left; width: 7%;">
  93.                     <div class="picker-head"></div>
  94.                     <div class="picker-text">
  95.               '.$r['porazki'].'
  96.                   </div>
  97.                   <div class="picker-bottom"></div>
  98.               </div>
  99.                 <div class="picker-horizontal" style="float: left; width: 15%;">
  100.                     <div class="picker-head"></div>
  101.                     <div class="picker-text">
  102.               '.$r['bramki_zdobyte']." - ".$r['bramki_stracone'].'
  103.                   </div>
  104.                   <div class="picker-bottom"></div>
  105.               </div>
  106.             </div>
  107.             <div class="sep"></div>
  108.         ';
  109.       }
  110.       
  111.       echo '</div>';
  112. ?>
[PHP] pobierz, plaintext
ziqzaq
22.01.2009, 15:38:06
Normalnie w css mógłbyś tak css nth-child, ale niestety nie z IE6.
A więc poglądowy przykład:
[PHP] pobierz, plaintext 
  1. <?php
  2. $k = 1;
  3. while ($r=mysql_fetch_assoc($result)) {
  4.     // Wiersz parzysty czy nieparzysty?
  5.     $kolor = ($k%2 == 0) ? 'klasa_czerwony' : 'klasa_bialy';
  6.     // Wyswietlam wiersz
  7.     echo '<div class="'.$kolor.'">'.$r['costam'].'</div>';
  8.     $k++;
  9. }
  10. ?>
[PHP] pobierz, plaintext

Dostosuj sobie.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.