✔ [jQuery] sortable

[grünes-huhn]

hallo leute!

ich hab die sortable liste von hier genommen: http://jqueryui.com/demos/sortable/

nur... was muss ich nun tun, damit ich die sortierte liste in meiner datenbank updaten kann?
also ich mach ein submit button und wie kann ich die neuen id´s auslesen?


ich bin voll planlos, sorry :-(

 

[rd4eva]

Vermutlich würde ich einfach einen post string basteln und den dann per ajax abschicken.

Mal schnell mit Firebug zusammengekritzelt. ( Ich hab den einzelnen <li>s eine ID vergeben muss aber nicht sein )

function getsortedids(){
var neueReihenfolge = '';
$('#sortable > li').each(function(index){
    neueReihenfolge += index+1 + "=" + $(this).attr('id') + "&";
});
alert(neueReihenfolge.substring(0,neueReihenfolge.length -1)); // 1=zwei&2=sieben&3=vier&4=eins&5=fuenf&6=drei&7=sechs
}

 

[grünes-huhn]

Vermutlich würde ich einfach einen post string basteln und den dann per ajax abschicken.

Mal schnell mit Firebug zusammengekritzelt. ( Ich hab den einzelnen <li>s eine ID vergeben muss aber nicht sein )

function getsortedids(){
var neueReihenfolge = '';
$('#sortable > li').each(function(index){
    neueReihenfolge += index+1 + "=" + $(this).attr('id') + "&";
});
alert(neueReihenfolge.substring(0,neueReihenfolge.length -1)); // 1=zwei&2=sieben&3=vier&4=eins&5=fuenf&6=drei&7=sechs
}

hallo!

da bekomm ich, egal welche sortierung, immer die gleiche ausgabe (1=&2=&3=&4=&5=&6=&7=). auch wenn ich es komplett anders sortiert hab.

 

[rd4eva]

Sieht so aus als hättest du den <li> tags keine ID vergeben.

Ich hab den einzelnen <li>s eine ID vergeben muss aber nicht sein

Damit meinte ich nur das man es nicht über die ID lösen muss sondern das es auch über class, name oder was auch immer gehen würde.

Meine Liste sah also vereinfacht so aus

<ul>
<li id="eins">1</li>
<li id="zwei">2</li>
.
.
.
</ul>

 

[grünes-huhn]

ach Quatsch!

ich muss klarerweise noch die ID eintragen.

Ich versuch mal, ob ich das so in die Datenbank bekomme

 

[grünes-huhn]

]hallo,

so, ich hab es geschafft!

Vielen herzlichen Dank!



für alle, die noch damit Probleme haben, hier meine Lösung:

function getsortedids(){
    var neueReihenfolge = '';
    $('#sortable > li').each(function(index){
     neueReihenfolge += index+1 + "=" + $(this).attr('id') + "-";
   });
   document.write("<form name='abschicken' action='galerie.php' method='post' ><input type='hidden' name='var' value='"+neueReihenfolge.substring(0,neueReihenfolge.length -1)+"'></form>");
   document.abschicken.submit();
					
}

und dann einfach mit foreach und explode die gewünschten Daten zusammensuchen.

 

[Quaese]

Hi,

weiterhin bietet Sortable die Methode serialize.

$('#sortable').sortable('serialize');

Ciao
Quaese

 

[rd4eva]

Oh mann. Hab mir nur die Events und nicht die Methods angesehen.
Man lernt doch nie aus.