salve jquery ui-sortable posições para DB

Estou tentando replicar a funcionalidade desta página (http://www.kissfm.ro/fresh-top-40/) para um amigo que tenha um pequeno rádio na web. O site está configurado no wordpress fyi.

Então, minha pergunta é, depois de pesquisar o stackoverflow, como faço para salvar / obter os charts revisados ​​com base na input dos usuários? Eu encontrei como salvar submissões únicas, mas como faço para obter os charts finais com base na escolha do usuário?

Desde já, obrigado! (código ou link para o tutorial bem-vindo!)

faça seu HTML classificável, adicione javascript e salve em php na atualização.

  • elem 1
  • elem 2
  • elem 3
  • elem 4
$(document).ready(function(){ $('#sortable').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); $.get('saveSortable.php', {order:newOrder}); } }); });

Eu sei que isso é antigo, mas o que eu faço é apenas adicionar um elemento de input escondido em cada LI. Todos teriam o mesmo nome com [] no final. Desta forma, quando você postar o formulário contendo o UL, você terá uma matriz em seus valores de postagem na ordem em que você apenas colocou sua lista.

De acordo com os documentos do Sortable, temos que prefixar o id da LI com alguma string. Então, se serializarmos o classificador no método de atualização, obteremos uma boa matriz em php eg new_order [] = 1 & new_order [] = 2, etc.

 var data = $(this).sortable('serialize'); 
  • elem 1
  • elem 2
  • elem 3
  • elem 4
 You may POST with input to DB and save it Here we go: 
  • . .
$(document).ready(function(){ $('#sortable').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); $.get('saveSortable.php', {order:newOrder}); } }); });

Espero que ajude 😉