jQuery UI sortable 3/4full - #PHP, #JS, #Ajax per ordinare lista drag&drop [#withArtur]obiv.it

VERSIONE FULL - Se volete la videolezione con Solo la spiegazione del codice vedere canale withArtur qui sotto nella descrizione
https://youtu.be/dfEPZxrgDHY
jQuery UI sortable 1-4;
1- lista di items estratti da un data base, non una lista in un un'unica pagina, ma paginata;
2- cambiamento dell'ordine degli items attraverso un drag and drop
3- salvataggio istantaneo del nuovo ordine con ajax
4- soluzione nel caso in cui la nuova posizione di un item sia da portare su un'altra pagina

Desc:
1Parte - http://youtu.be/QUpf4yLi6lY Creazione lista degli elementi, inserimento ed estrazione dal database
2Parte - mark up in HTML5 e CSS3 con tools di sviluppo WEB
__1 - Boilerplate HTML5;
__2 - Twitter Bootstrap 3;
__4 - jQuery e jQuery UI per il drag and drop;
https://youtu.be/55XOeup0nbE

invece in questa vLess la 3 su 4:

Impostiamo gli eventi javascript perc cattarura il trascinamento da parte del utente e quando l-elemento trascinato viene spostato e rilasciato, scateniamo un evento javascript che crea una chiamata ajax e invia la nuova posizione $newPosition e l'id del elemento $id.

Nel PHP con questi dati estraiamo la posizione vecchia del elemento spostiamo tutti gli altri elementi o su di 1 o giu di 1 e salviamo tutto nel database.
Facebook (#Suggerimenti, #Domande, #BellaCiao)
https://www.facebook.com/withArtur

Secondo Canale dedicato al VG [OBIV].it
https://www.youtube.com/user/VideoGiornaleOBIV

Canale di #withArtur - Artur Mamedov
https://www.youtube.com/user/withArtur

P.S. Musiche e contenuti esterni presi da:
http://www.freesound.org/
http://www.audiomicro.com/royalty-free-music
http://jinglepunks.com/

Видео jQuery UI sortable 3/4full - #PHP, #JS, #Ajax per ordinare lista drag&drop [#withArtur]obiv.it канала Artur Mamedov