Ordinare valori in tabella

[miksco]

Buongiorno,
sto tentando di utilizzare questo codice per riordinare dei dati ed averne salvato via ajax/php l'ordinamento.


Il problema e che nell'esempio utilizza una lista con del bad html (<li> senza tag genitore). Io invece ho una struttura del tipo

<table style="width: 100%">	<tr id="item_1">		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>	</tr>	<tr id="item_2">		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>		<td>&nbsp;</td>	</tr></table>

Qualcuno sa aiutarmi nel modificare questo codice?

$(document).ready(function() {
  $("#lista_offerte").sortable({
    handle : '.trascinabile',
    update : function(){
	var ordina = $('#lista_offerte').sortable('serialize');
	$("#res").load("../ajax/riordinamento.php?"+ordina);
    }
  });
});

[cavicchiandrea]

Secondo me fai prima a cambiare la struttura da tabella a li, che riuscire nella modifica js oltretutto il poco codice postato non aiuta bisognerebbe modificare il codice di .sortable e che qualcuno si faccia carico di questa "prova" lo ritengo molto improbabile

[miksco]

Quello è il codice completo. E comunque come dovrei modificare la tabella?

[cavicchiandrea]

Quello è il codice completo. E comunque come dovrei modificare la tabella?

Da una più attenta valutazione quello funziona così e non puoi modificare il codice, per tramutare da tabella a li vedi Il markup html della lista da riordinare del sito

[U235]

Buongiorno,
sto tentando di utilizzare questo codice per riordinare dei dati ed averne salvato via ajax/php l'ordinamento.


Il problema e che nell'esempio utilizza una lista con del bad html (<li> senza tag genitore). Io invece ho una struttura del tipo

<table style="width: 100%">    <tr id="item_1">        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>    </tr>    <tr id="item_2">        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>    </tr></table>

Qualcuno sa aiutarmi nel modificare questo codice?

$(document).ready(function() {
  $("#lista_offerte").sortable({
    handle : '.trascinabile',
    update : function(){
    var ordina = $('#lista_offerte').sortable('serialize');
    $("#res").load("../ajax/riordinamento.php?"+ordina);
    }
  });
});

prova a nominare gli id dei tr con Item_1 (maiuscolo)

[miksco]

Da una più attenta valutazione quello funziona così e non puoi modificare il codice, per tramutare da tabella a li vedi Il markup html della lista da riordinare del sito

Si ma diventa sempre bad html ho bisogno di un codice buono!

prova a nominare gli id dei tr con Item_1 (maiuscolo)

Nulla.

[cavicchiandrea]

Si ma diventa sempre bad html ho bisogno di un codice buono!

In tal caso credo che dovrai cercare un altro script, perché da quello che ho visto (velocemente) non mi sembra possibile modificare il codice per farlo andare con le tabelle [e ad essere sincero non sono sicuro che si possa rendere un tr (riga di una tabella) dragabile (mobile)]

[lnessuno]

Si può ed in linea di massima c'eri quasi, però ti serve il tbody perché jquery.UI riesca ad interpretare il tuo codice...

esempio: http://jsfiddle.net/HxTJg/


p.s. l'handler "trascinabile" in teoria non ti serve, puoi usare la classe di jquery ui... vedi nell'esempio