Cómo ordenar campos en un panel de administración

[JaimeMSE]

Hola,

Estoy con una duda que no sé como solucionarla, aunque seguramente sea una cosa muy tonta.

Yo tengo por ejemplo una tabla que se llama columnas.

¿Cómo puedo ponerle orden y se vayan actualizando?
He pensado en añadir un campo llamado "orden" y ponerle yo los valores numéricos, pero... ¿cómo podría hacer para que si he quitado uno al (por ejemplo) 4 para que se ponga 3 y el 3 para que se ponga cuarto?

Es para ir modificando el orden de los bloques que tengo en cada columna.

Gracias de antemano.

[Triby]

Cuando eliminas un elemento, tienes que leer todos los registros y actualizar el orden a mano. Ahora, te sugiero que no uses 1, 2, 3, 4, sino 10, 20, 30, 40, etc.; explico:

Código:

Orden - Nombre
--------   ------------------------
  10       Campo 1
  20       Campo 3
  30       Campo 4
  40       Campo 2

Si quieres subir "Campo 2" para quedar antes del 4, tendrías que asignar 25 en el orden. Después, lees todos los registros, lógicamente ordenados por "orden" y:

Código PHP:

$orden = 10;
$res = mysql_query('SELECT * FROM tabla ORDER BY orden');
while($row = mysql_fetch_assoc($res)) {
      // Suponiendo que tienes un campo llamado "id"
      $id = $row['id'];
      mysql_query("UPDATE tabla SET orden = $orden WHERE id = $id");
 
      // Incrementas orden para el siguiente registro
      $orden += 10;
}
 

[JaimeMSE]

Iniciado por Triby

Cuando eliminas un elemento, tienes que leer todos los registros y actualizar el orden a mano. Ahora, te sugiero que no uses 1, 2, 3, 4, sino 10, 20, 30, 40, etc.; explico:

Código:

Orden - Nombre
--------   ------------------------
  10       Campo 1
  20       Campo 3
  30       Campo 4
  40       Campo 2

Si quieres subir "Campo 2" para quedar antes del 4, tendrías que asignar 25 en el orden. Después, lees todos los registros, lógicamente ordenados por "orden" y:

Código PHP:

$orden = 10;
$res = mysql_query('SELECT * FROM tabla ORDER BY orden');
while($row = mysql_fetch_assoc($res)) {
      // Suponiendo que tienes un campo llamado "id"
      $id = $row['id'];
      mysql_query("UPDATE tabla SET orden = $orden WHERE id = $id");
 
      // Incrementas orden para el siguiente registro
      $orden += 10;
}
 

Creo que implementar lo que me propones sería muy engorroso.

Entonces, yo me pregunto: ¿Cómo hacen las webs para que cuando pulses en una flechita hacia arriba se mueva uno más para arriba y el que está arriba descienda?

Gracias de todas formas :)

[JaimeMSE]

Creo que ya sé la manera (menos mal que tengo una pizarra donde desarrollar las cosas y verlas mejor xD).

Para los que buscan los mismo que yo:

Supongamos que tenemos en la base de datos 5 columnas:

• Bloque1
• Bloque2
• Bloque3
• Bloque 4
• Bloque 5

Ahora, en cada bloque metemos dos iconos (una flecha para arriba y otra para abajo) y lo hacemos de la siguiente manera.

Vamos a mover el bloque 5 a la posición 4, por lo tanto, el bloque 4 se tendrá que poner en posición 5.

Procedemos:

Código PHP:

$pa= 5 //posición actual
$pp = 4 //posición posterior
 
$movimiento1 = mysql_query = ("UPDATE pa='$pp' WHERE pa='$pa'");
$movimiento2 = mysql_query = ("UPDATE pa='$pa' WHERE pa='$pp' ");
 

Si no me equivoco sería algo así. Lo voy a probar.

[Triby]

Creo que ambos van a quedar con el mismo valor.

En el WHERE mejor usa ID para evitarte esos problemas.

[JaimeMSE]

Sí, quedaban con el mismo valor, voy a probar con el ID.

Gracias :)

EDITO: Sigo teniendo problemas. No me cambia el segundo valor. Osea, si quiero pasar el bloque 4 al puesto 3, me pasa del 4 al 3 bien, pero el 3 al 4 no.
Aquí mi código:

Código PHP:

<?php
 
require("config.php");
 
$pa = @$_GET["pa"];
$pp = @$_GET["pp"];
$idcolumna = @$_GET["idcolumna"];
 
if(@$_GET["pa"] && @$_GET["pp"]) {
    
    $movimiento1 = mysql_query("UPDATE columnas SET posicion='$pp' WHERE idcolumna='$idcolumna'",$conexion);
    
    if(@$_GET["mv"] == "arriba") {
        $idcolumna = $idcolumna - 1;
        $movimiento2 = mysql_query("UPDATE columnas SET posicion='$pa' WHERE idcolumna='$idcolumna'",$conexion);
    }
    if(@$_GET["mv"] == "abajo") {
        $idcolumna = $idcolumna + 1;
        $movimiento2 = mysql_query("UPDATE columnas SET posicion='$pa' WHERE idcolumna='$idcolumna'",$conexion);
    }
    
    
    if(!$movimiento1 OR !$movimiento2) {
    echo "error";
}
}
 
$consulta = mysql_query("SELECT idcolumna,titulo,posicion FROM columnas WHERE lado='2' ORDER BY posicion ASC",$conexion);
 
while($row = mysql_fetch_array($consulta)) { ?>
 
    <?php echo $row["titulo"]; ?> | <?php echo $row["posicion"]; ?> ----- 
    
    <a href="?pa=<?php echo $row["posicion"]; ?>&pp=<?php $pp = $row["posicion"] - 1; echo $pp ?>&idcolumna=<?php echo $row["idcolumna"]; ?>&mv=arriba">Arriba</a>  
    |||| 
    <a href="?pa=<?php echo $row["posicion"]; ?>&pp=<?php $pp = $row["posicion"] + 1; echo $pp ?>&idcolumna=<?php echo $row["idcolumna"]; ?>&mv=abajo">Abajo</a>
    
    <br/>
    
    
<?php } ?>
 

Perdón por lo sucio que está, estoy probando con lo que se me viene a la cabeza xD

[Triby]

Me parece que tu código quedaría mucho más engorroso que mi sugerencia, porque tienes que proporcionar dos IDs en los enlaces, uno para saber que elemento sube y otro para el que baja.

Cierto, el código que proporcioné no es lo óptimo, pero sí es un buen punto de partida, además de que puedes incluirlo en una función y lo podrás utilizar indistintamente para reordenar después de subir, bajar o eliminar un elemento.

Se puede optimizar?, sí, mucho, yo sólo aporté un ejemplo sencillo.

[JaimeMSE]

El problema es saber el id del bloque de arriba y el de abajo, ya que no van organizados. Creo que optaré por el ejemplo que pongo, aunque no cambia la 2º opción, nada más hay que darle al otro bloque para abajo y se pondrán bien.

Gracias.

[IsaBelM]

tal y como lo haces es poco dinámico y recurrente. yo usaría javascript (para modificar el dom) y ajax (para mandar a actualizar los registros)

en el javascript necesitarás usar los métodos: insertBefore(), setAttribute(), getAttribute(), nextElementSibling, previousElementSibling y puede que algún otro mas

[JaimeMSE]

Gracias IsaBelM.

Entonces la idea es:
Hacer un script en JS, que pueda arrastrar los bloques y ordenarlos, y cuando mueva cada bloque, con Ajax manda los datos a la DB, ¿cierto?

Si es así me costará algo, ya que de JS un poco pero de ajax ni idea.
Gracias de nuevo :)

[IsaBelM]

tanto como arrastar, no. a no ser que quieras usar jquery o html5. mas bien se trataría de tu idea inicial de dos "links" para invocar a las funciones de subir o bajar una posición un registro. intentalo y si no lo logras, te montaré una base