Ordenar imagenes a traves de desplegable

[dazao]

hola a todos, tengo una duda y no se como solventarla.

Tengo una tabla que almacena imagenes asociadas a proyectos y le da un orden

la tabla tiene, id, id_proyecto, orden, imagen

Luego listo las imagenes a traves de un php, pero quiero que puedas reordenarlas desde un desplegable.

Os dejo una captura para que os hagais una idea.



La verdad es que no se como hacerlo, supongo que deberia meter el orden en un array y luego hacer un update de una por una las imagenes que hay.

Pero no se por donde empezar.

Alguien sabe donde puedo encontrar un tutorial o ayudarme a solventarlo.

muchas gracias

[GatorV]

Lo que debes de hacer en ese caso es efectivamente nombrar los selects con nombre de array, por ejemplo <select name="orden[$id]"> así rescatas en PHP y puedes leer el orden y hacer el update:

Código php:

foreach($_POST['orden'] as $idImagen => $orden) {
     echo "Para la imagen: $idImagen, el orden es $orden";
}
 

Saludos.

[Avatar810]

Creo que es correcta la idea de tener que manejar un array para las posiciones pero los esenarios podrian ser algo complicados.
Osea en lo personal creo que la logica es algo extraña,
que sucederia en el esenario que te repitieran la posicion? osea todos los desplegables con el mismo numero

Como sugerencia:
no seria mejor una opcion de subir y bajar cada elemento

------- Ima1
|.......| Ruta .... Borrar
|.......| Bajar
-------

------- Ima2
|.......| Ruta .... Borrar
|.......| Subir
------- Bajar

------- Ima3
|.......| Ruta .... Borrar
|.......| Subir
------- Bajar

------- Ima4
|.......| Ruta .... Borrar
|.......| Subir
-------

Asi solo se cambia un elemento a la vez seleccionado por el usuario y los demas simplemente los recorres.

Saludos

[Triby]

Los dos metodos tienen sus pros y sus contras:

En el primero: (Muy efectivo para el usuario, pero algo complicado para programar)
Pro: Puedes reordenar todas las imagenes en un solo paso.
Contra: Necesitas revisar todas para ver que no haya alguna con orden repetido (no tan dificil de solucionar).

En el segundo: (Muy rapido de programar y de utilizar, pero lento si se desean hacer muchos cambios).
Pro: Es facil de programar y con un solo click mueves una imagen.
Contra: Solo puedes mover 1 imagen cada vez, supongamos que de 20, la final la quieres en la primera posicion, tendras que hacer 19 clicks para eso.