Recargar SELECT en misma url en PHP

nimar2010 · #1 (**permalink**) 21/08/2010, 21:18

Buenas, yo tengo un select de una tabla que contiene 2 campos: email y nombre del contacto.
A esa tabla yo la recupero con un Order by por email.
Mi duda es la siguiente:
Yo tengo un enlace y quiero k al apretar sobre el mismo se haga un Order by por nombre en vez de hacerlo por email, pero quiero que se haga en la misma página.
Existe alguna forma de hacerlo con PHP (además del remote scripting) o sí o sí tengo que usar AJAX?

Si quieren después les paso el código de la página en cuestión así les queda más claro.

Muchas gracias, hasta luego!

maycolalvarez · #2 (**permalink**) 21/08/2010, 22:28

con AJAX es la única forma

geq · #3 (**permalink**) 22/08/2010, 05:05

Hola.

Solo puedes hacerlo con ajax, bien puedes volver a cargar los datos (vía ajax) o si lo único que quieres es cambiar el orden puedes generar la tabla en html con php e implementar un ordenamiento con javascript como este, que utiliza jQuery:

http://tablesorter.com/docs/#Demo

Saludos!

nimar2010 · #4 (**permalink**) 22/08/2010, 12:41

Ok, muchas gracias! Ajax todavía me resulta complicado de entender

Voy a probar con jQuery a ver si me sale!
Después les cuento como me fue :D
Gracias, adiós!

nimar2010 · #5 (**permalink**) 22/08/2010, 21:23

Hola de nuevo! Estuve probando todo el día pero lamentablemente no me anduvo el tablesorter :-/
Lo probé en mi página con php y en una página sencilla en html.
Les paso el código de la pág. html porque sinceramente no me doy cuenta que es lo que está mal, ya que lo copié tal cual pero no me anda

Código HTML:

Ver original<html>
<head>
<link rel="Stylesheet" type="text/css" href="estilo.css">
<link rel="Stylesheet" type="text/css" href="tabla.css">
<script type="text/javascript" src="tablesorter/jquery.tablesorter.min.js"></script>
<!--<script type="text/javascript" src="tablesorter/jquery-latest.js"></script>-->
<script type="text/javascript" src="tablesorter/jquery-1.4.2.min.js"></script>
 
<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#tablita").tablesorter(); 
           
    });
</script>
 
</head>
 
<body>
<table id="tablita">
<thead>
<tr>
<th>Email</th>
<th>nombre</th>
</tr>
</thead>
<tbody>
<tr>
<td>[email protected]</td>
<td>Victor</td>
</tr>
<tr>
<td>[email protected]</td>
<td>Alguien</td>
</tr>
<tr>
<td>[email protected]</td>
<td>Otra</td>
</tr>
</tbody>
</table>
<br>
<h1>Ojala haya andado</h1>
<br></body></html>

He probado con los .js en el mismo directorio también para ver si era eso, pero tampoco anduvo.
Lo probé en IE7 y Opera 10.60, pero al hacer clic en las columnas no pasa nada.

nimar2010 · #6 (**permalink**) 22/08/2010, 22:10

Bueno al parecer, la importación del jquery tiene que ir antes de la importación del tablesorter (parece ser que por el tema del shorcut $ por lo que estuve leyendo en la web del jquery)
Haciendolo así, funciona correctamente :D
Pero.., al querer ordenar la tabla mediante un link externo no me funciona. He hecho lo que dice aquí: http://tablesorter.com/docs/example-trigger-sort.html pero no funciona.

Código Javascript:

Ver original<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#tablita").tablesorter(); 
        $("#link").click(function() { 
        // set sorting column and direction, this will sort on the first and third column the column index starts at zero 
        var sorting = [[0,0]]; 
        // sort on the first column 
        $("tablita").trigger("sorton",[sorting]); 
        // return false to stop default link action 
        return false; 
    }); 
           
    });
</script>

El link es:

Código HTML:

Ver original<a href="#" id="link">Ordenar!</a>

En que estoy fallando? Gracias, hasta luego! :)