Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][CSS] CSS dla danego wiersza w tabeli z PHP
wojteke
post
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 17.07.2009

Ostrzeżenie: (0%)
-----

Witam. Mam tutaj przykładową, mało rozbudowaną tabelkę i męczę się jak do niej dodać funkcję, która mi nada styl CSS dla danego wiersza, gdy np. w ostatniej kolumnie tej tabeli wartości w danych komórkach są większe od 150.

Próbuję to robić z funkcją IF i FOREACH. Widziałem co jest pokazane w manualu ale jakoś nie mogę tego wykorzystać w praktyce i dopasować do tego przykładu. Też nie wiem czy w końcu trzeba drukować tabele dla FOREACH na dysk serwera czy nie - na forach różnie piszą. Pomoglibyście mi?

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. // połączenie się lokalnym serwerem bazy MySQL
  4. $sql_conn = mysql_connect('', '', '')
  5. // w przypadku niepowodzenia połączenia zakończ aplikację
  6. or die('Nie mogłem połaczyć się z bazą danych');
  7.  
  8. // wybieramy bazę danych
  9. mysql_select_db('');
  10.  
  11. // wybieramy bazę danych
  12. mysql_select_db('zawodnicy');
  13.  
  14. // wyświetlamy treść naszej tabeli
  15. $zapytanie = 
  16.  
  17. "SELECT 
  18.     `id`,
  19.     `nazwisko`,
  20.     `lata`,
  21.     `punkty` 
  22. FROM `nba`";
  23.  
  24. $idzapytania = mysql_query($zapytanie);
  25.  
  26. echo '<table>';
  27. while ($wiersz = mysql_fetch_row($idzapytania)) 
  28.  
  29. {
  30. echo 
  31.     '<tr>
  32.         <td>'. $wiersz[0] .'</td>
  33.         <td>'. $wiersz[1] .'</td>
  34.         <td>'. $wiersz[2] .'</td>
  35.         <td>'. $wiersz[3] .'</td>
  36.     </tr>'
  37. ;
  38. }
  39.  
  40. foreach ($idzapytania as $wiersz) {
  41.     if( $wiersz[3] > 150 ) 
  42.     echo "class='yellow'";  
  43. }
  44.  
  45. '</table>';
  46.  
  47. // zamykamy połączenie
  48. mysql_close($sql_conn); 
  49. ?>
[PHP] pobierz, plaintext


Kod
.yellow {
    color: #FFCC00;
}


Ten post edytował wojteke 23.07.2009, 10:27:12
Go to the top of the page
+Quote Post
tomekpl
post
Post #2





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

Dajesz w pętle:
[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i >149) ? "yellow" : "normalne";
  3. ?>
[PHP] pobierz, plaintext

i na końcu pętli:
[PHP] pobierz, plaintext 
  1. <?php
  2. $id++;
  3. ?>
[PHP] pobierz, plaintext



a w tabeli <td class=$color>

Ten post edytował tomekpl 23.07.2009, 02:14:03
Go to the top of the page
+Quote Post
Spawnm
post
Post #3





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa
Proszę dodać tytuł do tematu exclamation.gif
Go to the top of the page
+Quote Post
#luq
post
Post #4





Grupa: Zarejestrowani
Postów: 589
Pomógł: 91
Dołączył: 22.05.2008
Skąd: Gliwice

Ostrzeżenie: (0%)
-----

Lepiej będzie jak w while`a wrzucisz to co chcesz zrobić a nie będziesz tworzyć pętli lecącej po tym samym.


--------------------
Moja gra - scraby.io
Go to the top of the page
+Quote Post
ayeo
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----

Witam!

Przypominam (jak to już wspomniał @Spawnm) o poprawieniu tytyłu, a w zasadzie jego dodaniu tongue.gif

Przy okazji:


Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
wojteke
post
Post #6





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 17.07.2009

Ostrzeżenie: (0%)
-----

Niestety na razie nie chce mi podświetlić wiersza na żółto z css'a z tej pętli. sad.gif



Podświetlony na żółto powinien być wiersz 1 i 3.

[PHP] pobierz, plaintext 
  1. <?php
  2. // połączenie się lokalnym serwerem bazy MySQL
  3. $sql_conn = mysql_connect('***', '***', '***')
  4. // w przypadku niepowodzenia połączenia zakończ aplikację
  5. or die('Nie mogłem połaczyć się z bazą danych');
  6.  
  7. // wybieramy bazę danych
  8. mysql_select_db('***');
  9.  
  10. // wybieramy bazę danych
  11. mysql_select_db('zawodnicy');
  12.  
  13. // wyświetlamy treść naszej tabeli
  14. $zapytanie = 
  15.  
  16. "SELECT 
  17.     `id`,
  18.     `nazwisko`,
  19.     `lata`,
  20.     `punkty` 
  21. FROM `nba`";
  22.  
  23. $idzapytania = mysql_query($zapytanie);
  24.  
  25. $color = ($i >149) ? "yellow" : "normalne";
  26.  
  27. echo '<table id="large">';
  28. while ($wiersz = mysql_fetch_row($idzapytania)) 
  29.  
  30. {
  31. echo 
  32.     '<tr>
  33.         <td class=$color>'. $wiersz[0] .'</td>
  34.         <td class=$color>'. $wiersz[1] .'</td>
  35.         <td class=$color>'. $wiersz[2] .'</td>
  36.         <td class=$color>'. $wiersz[3] .'</td>
  37.     </tr>'
  38. ;
  39. }
  40.  
  41. '</table>';
  42.  
  43. $id++;
  44.  
  45. // zamykamy połączenie
  46. mysql_close($sql_conn); 
  47.  
  48. ?>
  49.  
  50.     <td class="yellow">tekst</td>
[PHP] pobierz, plaintext


Kod
.yellow  {
    color: #E0B400;
    text-decoration:underline;
}


Ten post edytował wojteke 23.07.2009, 10:49:10
Go to the top of the page
+Quote Post
ayeo
post
Post #7





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. '<tr>
  2.       <td class="'.$color.'">'. $wiersz[0] .'</td>
  3.       <td class="'.$color.'">'. $wiersz[1] .'</td>
  4.       <td class="'.$color.'">'. $wiersz[2] .'</td>
  5.       <td class="'.$color.'">'. $wiersz[3] .'</td>
  6.   </tr>'
[HTML] pobierz, plaintext


edit: poza tym ten kod jest bezsesnu. Użyj foreacha, a warunek umieść w pętli!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
wojteke
post
Post #8





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 17.07.2009

Ostrzeżenie: (0%)
-----

Cytat(tomekpl @ 23.07.2009, 03:13:17 ) *
Dajesz w pętle:
[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i >149) ? "yellow" : "normalne";
  3. ?>
[PHP] pobierz, plaintext

A jak zrobić by dla zmiennej $color przypisać więcej stylów CSS?

Np.

[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i > 0 AND $i <= 10) ? "yellow" : "normalne";
  3. $color = ($i > 10) ? "yellow_222" : "normalne";
  4. ?>
[PHP] pobierz, plaintext

Co należy zrobić z tym kodem, by zaczął działać?

W takim wypadku różne wiersze miały by różne kolory w zależności od wartości liczb w danej kolumnie.
Powiecie mi jak do czegoś takiego się zabrać? Właśnie do tego trzeba wykorzystać foreach'a?

Pozdrawiam
Go to the top of the page
+Quote Post
Ociu
post
Post #9





Grupa: Moderatorzy
Postów: 1 566
Pomógł: 37
Dołączył: 14.05.2003
Skąd: Kraków




 
[PHP] pobierz, plaintext 
  1. <?php
  2. $i=0;
  3. echo '<table id="large">';
  4. while ($wiersz = mysql_fetch_row($idzapytania)){
  5. $color = ($i > 149) ? "yellow" : "normalne";
  6. echo
  7.    '<tr>
  8.        <td class='.$color.'>'. $wiersz[0] .'</td>
  9.        <td class='.$color.'>'. $wiersz[1] .'</td>
  10.        <td class='.$color.'>'. $wiersz[2] .'</td>
  11.        <td class='.$color.'>'. $wiersz[3] .'</td>
  12.    </tr>';
  13. $i++;
  14. }
  15.  
  16. echo '</table>';
  17. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
wojteke
post
Post #10





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 17.07.2009

Ostrzeżenie: (0%)
-----

Ale nie o to chodzi. Ja to już wiem. smile.gif

Tj napisałem wyżej, chciałbym umieć napisać kod, który dla zmiennej $color ustalałby więcej niż jeden styl CSS w zależności od wartości w danej kolumnie np. $wiersz[3].

Czyli ja teraz korzystam z czegoś takiego i to oczywiście działa:

[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i > 0 AND $i <= 10) ? "yellow" : "normalne";
  3. ?>
[PHP] pobierz, plaintext


a chciałbym wykombinować tak, by w zależności od wartości $i można było przypisać do tej zmiennej różne style CSS:

[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i > 0 AND $i <= 10) ? "yellow" : "normalne";
  3. $color = ($i > 10) ? "yellow_222" : "normalne";
  4. ?>
[PHP] pobierz, plaintext

Co trzeba zrobić, by ten kod zaczął działać?

Oczywiście za $i podstawiam sobie numerek kolumny, np. $wiersz[3].

Ten post edytował wojteke 26.07.2009, 08:16:11
Go to the top of the page
+Quote Post
ayeo
post
Post #11





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
----- 

[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i > 0 AND $i <= 10) ? "yellow" : "normalne";
  3. $color .= ($i > 10) ? " yellow_222" : "";
  4. ?>
[PHP] pobierz, plaintext


Jednak to bezsensu bo te warunki się lekko wykluczają. Sama idea jest taka jak wyżej.

Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
Ociu
post
Post #12





Grupa: Moderatorzy
Postów: 1 566
Pomógł: 37
Dołączył: 14.05.2003
Skąd: Kraków




 
[PHP] pobierz, plaintext 
  1. <?php
  2. $color = ($i > 0 AND $i <= 10) ? "yellow" : "normalne";
  3. $color = ($i > 10) ? "yellow_222" : "normalne";
  4. ?>
[PHP] pobierz, plaintext


Ale to jedno z drugim się wyklucza dry.gif.
Jeśli $i jest większe od zera i mniejsza równe 10 to kolor = yellow.
Jeśli $i jest większe od 10 to kolor = yellow_222, jeśli nie to = normalnie

Drugi warunek wyklucza pierwszy.

Napisz co chcesz osiągnąć.
Go to the top of the page
+Quote Post
wojteke
post
Post #13





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 17.07.2009

Ostrzeżenie: (0%)
-----

Cytat(Ociu @ 26.07.2009, 11:39:17 ) *
Napisz co chcesz osiągnąć.


Chciałbym móc nadać osobne style CSS dla poszczególnych wierszy, w zależności od wartości w tych danych wierszach w kolumnie pomocniczej, która jest ukryta/niewidoczna.

Przedstawiłem tę sytuację w poniższej ilustracji:


[PHP] pobierz, plaintext 
  1. <?php
  2. echo '<table>';
  3. while ($wiersz = mysql_fetch_row($idzapytania)){
  4.  
  5.  
  6.  
  7. $color = ($kolumna[5] < 0) ? "grey" : "normalne";
  8.  
  9.  
  10. // I JAK TUTAJ PRZYPISAĆ WIĘCEJ WARUNKÓW DLA ZMIENNEJ $color I KOLUMNY $kolumna[5] Z INNYMI STYLAMI CSS?questionmark.gifquestionmark.gifquestionmark.gifquestionmark.gif
  11.  
  12.  
  13. echo
  14.  
  15. '
  16.    <tr>
  17.        <td class='.$color.'>'. $kolumna[0] .'</td>
  18.        <td class='.$color.'>'. $kolumna[1] .'</td>
  19.        <td class='.$color.'>'. $kolumna[2] .'</td>
  20.        <td class='.$color.'>'. $kolumna[3] .'</td>
  21.        <td class='.$color.'>'. $kolumna[4] .'</td>
  22.        <td class='.$color.'>'. $kolumna[5] .'</td>
  23.    </tr>
  24. '
  25. ;
  26. }
  27.  
  28. echo '</table>';
  29. ?>
[PHP] pobierz, plaintext


Macie jakiś pomysł?

Ten post edytował wojteke 26.07.2009, 16:43:54
Go to the top of the page
+Quote Post
TrevorGryffits
post
Post #14





Grupa: Zarejestrowani
Postów: 139
Pomógł: 24
Dołączył: 29.07.2007
Skąd: Tarnowskie Góry

Ostrzeżenie: (0%)
-----

Zacznij od sprawdzania najbardziej "obszernego" warunku, a potem schodź w dół. Czyli na ten przykład:
[PHP] pobierz, plaintext 
  1. <?php
  2. $color = "normalnie"
  3. if($kolumna[5] < 15) $color = "jasny zolty";
  4. if($kolumna[5] < 10) $color = "ciemnijeszy zolty";
  5. ?>
[PHP] pobierz, plaintext

I tak dalej.
Albo jest też drugie rozwiązanie. Zrobić tablicę o kluczach wartości z kolumny[5] i wartościach nazw kolorów.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 06:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn