Escolher a ordem q os dados vindos da busca serao mostrados

[marcosfj1]

Seguite minha duvida é bem f*** viu...eu pego os dados do banco, e jogo eles numa tabela com as colunas

DATA NOME VALOR

POr padrão os dados que são recuperados do banco vem por ordem de inserçao ou seja vai vir em ordem da data....mas eu quero dar ao usuario a opcao de ao clicar no titulo da coluna NOME que os dados se ordenem por pelo nome , e ao clicar em VALOR que eles se ordenem pelo valor, alguém tem ideia de como faz isso....preciso muito de ajuda

VAleu

[m3io]

eu criei o meu proprio sistema mas é bem fudido de entender, mas a logica em si não é complicada. ve o meu codigo e tenta tirar a ideia geral

<table width="100%">

<thead>

<tr><?php

$tab = "utilizadores";

$by = "id"; //default

$id="id";$email="email";

$tel="tel";

$seta = "images/adown.png";

//////aki ele detecta a coluna que escolheste

elseif ($_GET["by"] == "id"){$by = "id";}

elseif ($_GET["by"] == "email"){$by = "email";}

elseif ($_GET["by"] == "tel"){$by = "tel";}

//////aki ele detecta a ordem que escolheste, se esta descendente fica ascendente e vice versa

$order="ASC"; //ordem default asc

//neste pekeno script ele delecta a ordem e vai buscar uma pekena imagem de uma seta pra baixo ou para cima

if($_GET["order] == "DESC")

{$seta = "images/atop.png";$order = "ASC";}

else

{$seta = "images/adown.png";$order = "DESC";}

?>

///envia a ordem e a coluna ///faz print na ordem da seta

<th width="40px"><a href="<?php echo $_SERVER['PHP_SELF']."?order=$order&by=$id"; ?>">ID<img src=<?php echo $seta; ?>"/></a></th>

<th><a href="<?php echo $_SERVER['PHP_SELF]."?order=$order&by=$email"; ?>">Email</a></th>

<th width="50px"><a href="<?php echo $_SERVER['PHP_SELF']."?order=$order&by=$tel"; ?>">Tel.</a></th></th>

</tr>

</thead>

<?php

$query = 'SELECT * FROM `utilizadores` ORDER BY '.$by.' '.$order.' LIMIT 10';

$clientes = mysql_query($query);

$row = mysql_fetch_assoc($clientes);

while ($row != null)

{ ?>

<tbody>

<tr>

<td class="a-center"><?php echo $row["id]; ?></td>

<td><?php echo $row["email"]; ?></td>

<td><?php echo $row["tel"]; ?></td>

</tr>

<?php $row = mysql_fetch_assoc($clientes); } ?>

</tbody>

</table>

ve la ver que consegues fazer com isso, a ideia esta toda ai

Editado Novembro 9, 2010 por m3io

[Stoma]

Seria isso? http://millstream.com.au/upload/code/tablekit/index.html

Tudo o que você precisa fazer é adicionar o caminho do prototype e do tablekit e colocar a classe 'sortable' na sua tabela...

http://millstream.com.au/view/code/tablekit

Editado Novembro 9, 2010 por Stoma

[m3io]

FDX STOMA

essa merda é boe nice

tanto tempo eu andei a tentar fazer uma cena dessas e voce aparece com um link k diz tudo já feitinho e bonitinho :D

[marcosfj1]

vixi cara meio do outro mundo este codigo seu hein hehe....pra mim q to comecando é dificil entender hehe...mas vou tentar aqui depois falo se deu certo

valeu

Seria isso? http://millstream.com.au/upload/code/tablekit/index.html

Tudo o que você precisa fazer é adicionar o caminho do prototype e do tablekit e colocar a classe 'sortable' na sua tabela...

http://millstream.com.au/view/code/tablekit

Seria isso sim cara....desse jeito q eu gostaria q acontecesse com os dados q eu trago da tabela

Só não sei como implementar isso q me passou haha....mas vou tentar aqui

Editado Novembro 9, 2010 por marcosfj1

[Stoma]

FDX STOMA

essa merda é boe nice

tanto tempo eu andei a tentar fazer uma cena dessas e voce aparece com um link k diz tudo já feitinho e bonitinho biggrin.gif

:lol:

E eu que só descobri este script há 1 semana atráz kkkkkkkkkkk

Mas adorei ele, muito prático e simples de usar!

@marcosfj1

Nesta página tem o tutorial de como utilizá-lo, bem simples:

http://millstream.com.au/upload/code/tablekit/index.html

O que você precisa fazer é adicionar o css do tablekit, o prototype.js e o tablekit.js (o fastinit.js é opicional) na página que tem a tabela e quando for montar a tabela, coloque a classe 'sortable' nela (também este 'resizable' e 'editable' que é para redimencionar e editar dados direto da tabela)... assim:

<html>
    <head>
        <title>Teste</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
        <script type="text/javascript" src="js/tablekit.js"></script>
        <link rel="stylesheet" href="css/style.css" media="screen" type="text/css"/>
    </head>
    <body>
        <h1>Tabela:</h1>
        
        <table class='sortable' border='1' cellspacing=0 cellpadding=2>
            <thead>
                <tr>
                    <td>Nome</td>
                    <td>Cidade</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>marcosfj1</td>
                    <td>São Paulo</td>
                </tr>
                <tr>
                    <td>Stoma</td>
                    <td>Rio de Janeiro</td>
                </tr>
                <tr>
                    <td>m3io</td>
                    <td>Brasília</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>Nome</td>
                    <td>Cidade</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>

[m3io]

pah ta muito bom mesmo, ainda não vi bem,

mas ele tem aquela coisa de carregar na caixa e alterar

não precisa de nenhum query(update tabela set isto bla bla bla bla); ?????? ou ele não muda o texto mesmo?

[Stoma]

A opção de alterar direto da tabela você precisa criar a query e é por ajax...

[m3io]

pois eu logo calculei que sim, mas kuando vi que voce so tinha posto a class fiquei achando k tava a ficar maluco

agora fazer isso é k vai ser mais foda mesmo

[Stoma]

kkkkkkkk

Sim, a parte de 'editable' é mais complicada e eu ainda não utilizei o 'editable' em nenhum projeto pois eu só precisava mostrar os dados mesmo. No site tem um tutorial, talvez seguindo ele dê para fazer...