Witam,

Mam taką tabelkę z wynikami, sortowaną wg nazwiska. Ale chciałbym jeszcze zrobić sortowanie wg imienia, nazwiska i zarobków po kliknięciu przez użytkownika w nagłówek. Przykład na Allegro: http://www.allegro.pl/26014_antyki.html - nazwa, cena, z dostawą etc. Po jednym kliknięciu sortuje od A do Z w nazwie, natomiast tam, gdzie pojawiają się liczby sortuje od najniższej ceny do najwyższej. No i działa to też w drugą stronę - gdy jest już posortowane np. wg nazwy od A do Z to po kliknięciu mamy od Z do A.

[PHP] pobierz, plaintext 
<?php
 
$wynik = mysql_query("SELECT * FROM zarobki ORDER by nazwisko") 
or die('Błąd zapytania.'); 
 
if(mysql_num_rows($wynik) > 0) { 
        echo "<table id=\"grid\">";
        echo "<tr class=\"nt\">";
        echo "<td>".Lp."."."</td>";
    echo "<td>".Imię."</td>";
        echo "<td>".Nazwisko."</td>";
        echo "<td>".Zarobki."</td>";
        echo "<td>".E."</td>";
    echo "<td>".U."</td>";
    echo "</tr>";
while($r = mysql_fetch_array($wynik)) { 
        echo "<tr class=\"nt\">";
        echo "<td>".$i++."."."</td>"; 
        echo "<td>".$r['imie']."</td>"; 
        echo "<td>".$r['nazwisko']."</td>"; 
        echo "<td>".$r['zarobki']."</td>";
        echo "<td style=\"text-align:center\" width=\"35px\"> 
                    <a href=\"edit.php?a=edit&id={$r['id']}\"><img src=\"i/edit.gif\"></a></td>"; 
        echo "<td width=\"35px\" style=\"text-align:center\"> 
                    <a href=\"del.php?a=del&id={$r['id']}\"><img src=\"i/del.png\"></a></td>";
        echo "</tr>";
               
   } 
        echo "</table>"; 
        echo "<p class=\"pasek\">* - Rekord był przynajmniej raz edytowany.</p>";
       
} 
 
else { echo "<h4>Brak danych w bazie. <a href=\"add.php\">Wprowadź</a> dane.</h4>"; }
 
require('footer.php'); 
 
?>
[PHP] pobierz, plaintext 

Myślałem o sortowanie ze zmienną ("SELECT * FROM zarobki ORDER by $sort"), ale nie bardzo mam pomysł, aby się za to zabrać. Mógłby mi ktoś w tej kwestii pomóc?

Pozdrawiam,
Arek

Tak - zrób tak jak to nazwałeś: "sortowanie ze zmienną" plus

[SQL] pobierz, plaintext 
ORDER BY pole DESC
[SQL] pobierz, plaintext 

albo

[SQL] pobierz, plaintext 
ORDER BY pole ASC
[SQL] pobierz, plaintext 

aby mieć kolejność rosnącą lub malejącą.

[SQL] pobierz, plaintext 
SELECT * FROM `zarobki` ORDER BY `nazwisko` ASC
[SQL] pobierz, plaintext 

od A do Z

[SQL] pobierz, plaintext 
SELECT * FROM `zarobki` ORDER BY `nazwisko` DSC
[SQL] pobierz, plaintext 

od Z do A

Może prześlij zmienną get? No wiesz, dajesz jakąś standardową, np nazwisko, i przy kliknieciu zmieniasz tę zmienną i pobierasz wg niej ;>

jeśli chcesz zrobić to dynamicznie musisz użyć JS. ja polecam mintAjax. http://mintajax.pl/Przewodnik/Kontrolki/ na samym dole masz Dynamiczna tabela i myślę że sobie dostosujesz do własnych potrzeb.

//EDIT

lekki byczek się wkradł.

A do czego zaraz AJAX? Aby "dynamicznie" (tzn. bez udziału bazy danych, korzystając jedynie z przeglądarki) posortować tabelę wystarczy zwykły JS zobacz.

tak tak. znów użyłem skrótu myślowego chodzi mi o JS oczywiście.

Zrobiłem w ten sposób:

[PHP] pobierz, plaintext 
<?php
 
$wynik = mysql_query("SELECT * FROM zarobki ORDER by nazwisko") 
or die('Błąd zapytania.'); 
 
if(mysql_num_rows($wynik) > 0) { 
        echo "<table id=\"grid\">";
        echo "<tr class=\"nt\">";
        echo "<td>".Lp."."."</td>";
    echo "<td>".Imię."</td>";
        echo "<td>".Nazwisko."</td>";
        echo "<td>".Zarobki."</td>";
        echo "<td>".E."</td>";
    echo "<td>".U."</td>";
    echo "</tr>";
while($r = mysql_fetch_array($wynik)) { 
        echo "<tr class=\"nt\">";
        echo "<td>".$i++."."."</td>"; 
        echo "<td>".$r['imie']."</td>"; 
        echo "<td>".$r['nazwisko']."</td>"; 
        echo "<td>".$r['zarobki']."</td>";
        echo "<td style=\"text-align:center\" width=\"35px\"> 
                    <a href=\"edit.php?a=edit&id={$r['id']}\"><img src=\"i/edit.gif\"></a></td>"; 
        echo "<td width=\"35px\" style=\"text-align:center\"> 
                    <a href=\"del.php?a=del&id={$r['id']}\"><img src=\"i/del.png\"></a></td>";
        echo "</tr>";
               
   } 
        echo "</table>"; 
        echo "<p class=\"pasek\">* - Rekord był przynajmniej raz edytowany.</p>";
       
} 
 
else { echo "<h4>Brak danych w bazie. <a href=\"add.php\">Wprowadź</a> dane.</h4>"; }
 
require('footer.php'); 
 
?>
[PHP] pobierz, plaintext 

ale coś mi nie działa. Nie wyrzuca żadnego błędu, ale sortowanie nie działa w ogóle.

http://olaszewski.com/2009/04/07/dynamiczna-tabelka-a-mysql/ przeczytaj uważnie.

podpowiedź: <thead> <tbody>

Nie rozumiem, wrzuciłem zupełnie inny kod i normalnie mi wyświetliło na forum to co skopiowałem z pliku index.php, a dzisiaj widzę, że powyższy kod różni się zaledwie dwoma linijkami od poprzedniego.

Także jeszcze raz wklejam to, co chciałem zrobić wczoraj:

[PHP] pobierz, plaintext 
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>zarobki</title> 
<link rel="stylesheet" href="style.css" type="text/css"/>
 
<script type="text/javascript">
function OnLoad() 
{
    var grid = mint.gui.CreateGridWidget("grid");
 
    grid.AddSortCells();
}        
</script>
 
</head> 
 
<body> 
 
<?php
 
$wynik = mysql_query("SELECT * FROM zarobki ORDER by nazwisko") 
or die('Błąd zapytania.'); 
 
if(mysql_num_rows($wynik) > 0) { 
       echo "<table id=\"grid\">";
             echo "<thead>";
       echo "<tr class=\"nt\">";
       echo "<td>".Lp."."."</td>";
             echo "<td>".Imię."</td>";
       echo "<td>".Nazwisko."</td>";
       echo "<td>".Zarobki."</td>";
       echo "<td>".E."</td>";
             echo "<td>".U."</td>";
             echo "</tr>";
             echo "</thead>";
             echo "<tbody>";
while($r = mysql_fetch_array($wynik)) { 
       echo "<tr class=\"nt\">";
       echo "<td>".$i++."."."</td>"; 
       echo "<td>".$r['imie']."</td>"; 
       echo "<td>".$r['nazwisko']."</td>"; 
       echo "<td>".$r['zarobki']."</td>";
       echo "<td style=\"text-align:center\" width=\"35px\"> 
                         <a href=\"edit.php?a=edit&id={$r['id']}\"><img src=\"i/edit.gif\"></a></td>"; 
       echo "<td width=\"35px\" style=\"text-align:center\"> 
                         <a href=\"del.php?a=del&id={$r['id']}\"><img src=\"i/del.png\"></a></td>";
       echo "</tr>";
             echo "</tbody>";
              
  } 
       echo "</table>"; 
      
} 
 
else { echo "<h4>Brak danych w bazie. <a href=\"add.php\">Wprowadź</a> dane.</h4>"; }
 
require('footer.php'); 
 
?>
[PHP] pobierz, plaintext 

nie przeczytałeś uważnie... gdzie dołączasz skrypt mintAjaxa?

W head mam dodać:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="/js/mintAjax.js"></script>
[HTML] pobierz, plaintext 

?

tak tylko w scr masz podać ścieżkę do Twojego umiejscowienia skryptu. na strona mintajax.pl masz napisane jak zainicjować.

O poprawnym źródle do js wiem, ale nie bardzo wiem jak mam zainicjować to. Może jakiś przykład?

PS. Sorry, ale jestem zupełnie początkującym

Twój head powinien wyglądać tak:

[HTML] pobierz, plaintext 
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>zarobki</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
 
<script type="text/javascript" src="/js/mintAjax.js"></script>
 
<script type="text/javascript">
function OnLoad()
{
   var grid = mint.gui.CreateGridWidget("grid");
 
   grid.AddSortCells();
}        
</script>
 
</head>
[HTML] pobierz, plaintext 

a to co to jest?

[PHP] pobierz, plaintext 
<?php
echo "<td>".Lp."."."</td>";
echo "<td>".Imię."</td>";
echo "<td>".Nazwisko."</td>";
echo "<td>".Zarobki."</td>";
echo "<td>".E."</td>";
echo "<td>".U."</td>";
?>
[PHP] pobierz, plaintext 

nie masz tu żadnych zmiennych powinno być:

[PHP] pobierz, plaintext 
<?php
echo "<td>Lp.</td>";
echo "<td>Imię</td>";
echo "<td>Nazwisko</td>";
echo "<td>Zarobki</td>";
echo "<td>E</td>";
echo "<td>U</td>";
?>
[PHP] pobierz, plaintext 

Head dokładnie tak wygląda jak opisałeś. Zmieniłem w znacznikach <td> wartości i nadal to samo. Po najechaniu na nagłówek pojawia się łapka, ale skrypt nie działa.

omg... tu jest byk:

[HTML] pobierz, plaintext 
<body onLoad="onLoad();">
[HTML] pobierz, plaintext 

no i teraz już musi być.

Niestety, dalej to samo. Wkleję jeszcze raz kod...

[HTML] pobierz, plaintext 
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>zarobki</title> 
<link rel="stylesheet" href="style.css" type="text/css"/>
 
<script type="text/javascript" src="http://serwer.pl/js/mintAjax.js"></script>
 
<script type="text/javascript">
function OnLoad() 
{
   var grid = mint.gui.CreateGridWidget("grid");
 
   grid.AddSortCells();
}        
</script>
 
</head> 
 
<body onLoad="onLoad();">
 
<?php ... ?>
 
</body>
</html>
[HTML] pobierz, plaintext 

kurka no mam tak samo i mi hula. na pewno masz dobrą ścieżkę do pliku? a spróbuj kilka razy kliknąć na ten nagłówek po którym ma być sortowane.

Próbowałem też tak robić, ale elektu nie ma, próbowałem też w zapytaniu usunąć sortowanie, ale też nic nie daje :<

ale rozumiem że łączysz się z bazą? wyświetlają Ci się rekordy.

Oczywiście, że tak. Tabelka jest, dodaje nowy rekord, pojawia się również w tabeli, wszystko chodzi, tylko to sortowanie nie działa

[PHP] pobierz, plaintext 
<?php
echo "</tbody>";
?>
[PHP] pobierz, plaintext 

wywal to za pętle.

#EDIT
no i przed pętla daj sobie $i=1;

moze zadam glupie pytanie ale do jasnej ciasnej czemu wogole zaprzatacie sobie glowe dynamicznym sortowaniem js?
A jak grid bedzie wielostronicowy (podany przyklad z allegro) to wowczas posortujecie tylko daną strone a nie caly zbior danych. Posortowaną jedną strone to se można....

edit:
@arek przypomnialem sobie ze przygotowalem nakladke EPager na moją klase Pager
http://nospor.pl/pager-2.5.1-oraz-epager-n28.html
zawiera ona między innymi automatyczne zarzadzanie sortowaniem. moze ci sie przyda

Bez zmian.


Dzięki nospor, przy tym projekcie nie będzie stronicowania i dynamiczna zmiana sortowania jest najlepszy rozwiązaniem. Ale nie ukrywam, że już zaciekawiło mnie Twoje rozwiązanie i być może w niedalekiej przyszłości je wykorzystam. Raz jeszcze - dzięki

a powiedz czy ten przykład zatrybił, bo mnie ciekawość zżera czy jest ok?

Zrobiłem jeszcze tak (ręcznie wprowadziłem dane, bez pobierania):

[HTML] pobierz, plaintext 
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>zarobki</title> 
<link rel="stylesheet" href="style.css" type="text/css"/>
 
<script type="text/javascript" src="mintAjax.js"></script>
 
<script type="text/javascript">
function OnLoad() 
{
	var grid = mint.gui.CreateGridWidget("grid");
 
	grid.AddSortCells();
}		
</script>
 
</head> 
 
 
<body onLoad="onLoad();">
 
<table id="grid">
    <thead>
        <tr>
            <td>Liczba</td>
            <td>Tekst</td>
            <td>Data</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>15</td>
            <td>Lorem</td>
            <td>05-02-2006</td>
        </tr>
        <tr>
            <td>5.8</td>
            <td>Ipsum</td>
            <td>02-05-2007</td>
        </tr>
        <tr>
            <td>26</td>
            <td>Dolor</td>
            <td>12-08-2005</td>
        </tr>
        <tr>
            <td>5.2</td>
            <td>Sit Amet</td>
            <td>25-10-2007</td>
        </tr>
    </tbody>
</table>
 
 
 
 
</body>
</html>
[HTML] pobierz, plaintext 

Ale też niestety nie działa. Już nawet wziąłem pod uwagę to, że może być coś z serwerem i sprawdziłem na dwóch innych - to samo

[PHP] pobierz, plaintext 
<?php
<body onload="OnLoad()">
?>
[PHP] pobierz, plaintext 

wielkosc liter odgrywa jednak w tym przypadku duza role

I teraz OK - działa. Ale tylko dla liczb - sortuje je od najmniejszej do największej, natomiast po drugim kliknięciu odwrotnie. Na wyrazy nie działa.

Mam w kolumnie Imię następujące osoby: Jana, Stefana, adsdfd i Olgę. Jak kliknę raz to mam następującą kolejność: Jan, Olga, Stefan, afsdfd. Za drugim kliknięciem w "Imię" mam kolejność: afsdfd, Stefan, Olga, Jan.

ABCD... abcd.... - co w tym dziwnego? Jan, Olga, Stefan noi od nowa tylko od małych literek ;D

Poczytaj dokumentacje:
caseSensitive - określa, czy przy sortowaniu rozróżniana jest wielkość liter (wartość domyślna: true)

No i już wszystko ładnie działa. Na koniec pasowałoby jeszcze napisać co należy zrobić, aby działało na małe i duże litery. To dla osób mających ten problem i poszukujących.

W sekcji <head> należy dodać jedną linijkę:

[HTML] pobierz, plaintext 
grid.caseSensitive = false;
[HTML] pobierz, plaintext 

Czyli całość powyższej sekcji powinna wyglądać mniej więcej tak:

[HTML] pobierz, plaintext 
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>zarobki</title> 
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="mintAjax.js"></script>
 
<script type="text/javascript">
function OnLoad() 
{
	var grid = mint.gui.CreateGridWidget("grid");
 
	grid.AddSortCells();
	grid.caseSensitive = false;
}		
</script>
 
</head> 
 
<body onload="OnLoad()">
[HTML] pobierz, plaintext 

Wszyscy, którzy uczestniczyli w tej dyskusji i włożyli w problem swój wkład zostali nagrodzeni punktami. Dzięki za pomoc

Pozdrawiam

O, jest jeszcze jedna rzecz, co prawda bardziej kosmetyczna, ale .... W ostatnich dwóch kolumnach mam opcję "Edytuj" i "Usuń". Chciałbym te dwie kolumny wykluczyć z opcji sortowania. Da się to zrobić ?