[jQuery sortable] Inviare l'array di un elenco <li>

[Tom1884]

Ho bisogno di esportare un array con il contenuto del div #sortable1 che contiene i vari <li id='giocatore_XX'>..., ma non so come riceverlo nella pagina php deputata (formazione-realtime.php)

Per ora ho questo script:

$(function() {
   $( "#sortable1").sortable({
       update: function(e, ui) { 					
            var titolari = $('#sortable1').sortable('toArray');
            $.post('formazione-realtime.php', titolari);
       }
    }); 		   		
});

[Vindav]

prova cosi:

$.post('formazione-realtime.php', {"titolari[]" : titolari});

[Tom1884]

Originariamente inviato da Vindav
prova cosi:

$.post('formazione-realtime.php', {"titolari[]" : titolari});

Grazie. Ma poi in formazione-realtime.php come ricevo/gestisco l'array titolari?

[Vindav]

come si fa di solito, $_POST["titolari"], poi cicli l'array per recuperarne i valori contenuti.

Se hai problemi con php ti conviene chiedere nella sezione apposita.

[Tom1884]

Se invece volessi leggere immediatamente l'array nella stessa pagina, in un <div> sottostante, una specie di "aggiornamento in tempo reale" degli spostamenti...?

[Vindav]

non mi è chiara la domanda, potresti spiegarti meglio? magari con quache esempio, grazie

[Tom1884]

Grazie per la disponibilità.
Questa è la mia situazione, con i 3 <ul> che contengono i vari[*] dei vari giocatori:

Se nella stessa pagina, volessi stampare a video, in tempo reale, la disposizione per esteso (che è contenuta nell'array)?
Titolari: Tizio - Caio - Sempronio...
Man mano che l'utente li sposta nella seconda colonna, quella di cui creo l'array, faccio un echo in tempo reale, posto nella stessa pagina sotto il modulo di formazione, che si aggiorna man mano che l'utente sposta i giocatori.

[Vindav]

Se non ho capito male, la soluzione è molto semplice:

update: function(e, ui) { 					
            var titolari = $('#sortable1').sortable('toArray');
            //target è l'id del div cui si vuole stampare i giocatori titolari in temp reale
            $("#target").html("Titolari: "+titolari);            
}

Il risultato sarà:

Titolari: Tizio,Caio,Sempronio...

Separati dalla virgola quindi.

[Tom1884]

Originariamente inviato da Vindav

update: function(e, ui) { 					
            var titolari = $('#sortable1').sortable('toArray');
            //target è l'id del div cui si vuole stampare i giocatori titolari in temp reale
            $("#target").html("Titolari: "+titolari);            
}

Cioè inserisco nell'head della pagina

<script> 		
$(function() { 			
$( "#sortable1" ).sortable({ 				
update: function(e, ui) { 					            			
var titolari = $('#sortable1').sortable('toArray');             			
//target è l'id del div cui si vuole stampare i giocatori titolari in temp reale             			
$("#target").html("Titolari: "+titolari); } } });
</script>

E poi mi basta inserire nel body <div id='target'></div>?

[Vindav]

esatto, poi è ovvio che devi collegare le tre colonne per spostare un item da una colonna all'altra, ma presumo che questa parta l'hai già implementata.