In questi giorni volevo sperimentare qualcosa di nuovo e sono incappato nell'utilizzo di funzioni drag&drop di JQuery.
Questa funzione di JQuery è molto semplice da integrare ed utilizzare, ma se provassimo a salvare il risultato?
Esempio
Dai agli utenti del tuo sito la possibilità di ordinare a loro piacimento i box della home page(e questo lo fai con JQuery sortable), ma hai bisogno che il risultato del loro ordinamento sia disponibile sempre.
Ecco come fare
<script>
$( function() {
$( ".sortable" ).sortable();
$( ".sortable" ).disableSelection();
} );
</script>
<ul class="sortable">
<li class="mia_nota">1</li>
<li class="mia_nota">2</li>
<li class="mia_nota">3</li>
<li class="mia_nota">4</li>
<li class="mia_nota">5</li>
<li class="mia_nota">6</li>
</ul>
In questo modo avrai creato dei semplici box che il tuo visitatore potrà ordinare come vuole.
Salvare queste informazioni in una tabella
Dopo aver fatto l'ordinamento con il drag & drop il JQuery invierà un array alla pagina salva_ordinamento.php.
<script>
$(function() {
$(".sortable").sortable({
connectWith: '.sortable',
update: function(event, ui) {
var changedList = this.id;
var order = $(this).sortable('toArray');
var positions = order.join(';');
$.ajax({
data: "positions=" + positions,
type: 'GET',
url: 'salva_ordinamento.php',
success: function(data) {
alert("Saved");
}
});
}
});
$(".sortable").disableSelection();
});
</script>
Buon Web a tutti