jQuery Sortable - Gruppe und Sortierung in mySQL schreiben

[[inSane]]

Hallo zusammen,

ich bastle momentan wieder ein bisschen an meinem kleinen Verwaltungssystem rum und bin auf folgende Schwierigkeit gestoßen:

http://drumstickz.net/organi.jpg

Der User soll die einzelnen Seiten (graue Kästchen) -via Drag 'n Drop- zwischen den Navigation-Ordnern (orange-graue Kästchen) hin und her sortieren können. Auch die Reihenfolge untereinander (von oben nach unten und andersrum) soll man ändern können!

Mit jQuery alles kein Problem! Jetzt möchte ich die neue Sortierung in meine mySQL Datenbank speichern. Die aktuelle Sortierung will ich dann über ein normales <form> übermitteln.

Hier mein Ansatz:

Htmlcode:

<form method=\"post\" action=\"?de=$get_content&sb=$get_sub\" id=\"sortPAGE\">
   <ul id=\"sortable$dif\" class=\"droptrue\">
      <li class=\"ui-state-default\">
	  $page_name
	  <input type=\"hidden\" name=\"page_id[]\" value=\"$page_id\"/>
	  <input type=\"hidden\" name=\"navigation_id[]\" value=\"$navigation_id\"/>
	</li>
        [...]
   </ul>
</form

PHP Code:

PHP-Code:


$sort_navigation = $_POST['navigation_id'];
foreach ($_POST['page_id'] as $count_up => $sort_pageid  ) {

    $sort_navigation = $sort_navigation[$count_up];             
    $sort_query=    mysql_query("  

UPDATE PAGES
SET  P_SORTID= '', P_NAVIGATIONID='$sort_navigation'
WHERE  P_ID = '$sort_pageid'
                            ");
[...]
        
} 


Über die beiden "hidden" Input´s sende ich - als array- die ID´s der Seite und der zu geordneten Navigation. Da beide Array´s in der selben Reihenfolge beschrieben werden,
kann ich beide mit der foreach-Schleife auslesen.
So weit so gut - Jetzt fehlt mir nur noch meine P_SORTID!
Diese soll innerhalb eines Navigation_Ordners hochgezählt werden und immer wieder mit 1 anfangen!

Hoffe, dass ich mein Problem einigermaßen verständlich rübergebracht hab :)
Hat jemand Ideen, Vorschläge?
Danke,

inSane

[Ckaos]

Hi,

Die aktuelle Sortierung will ich dann über ein normales <form> übermitteln

Warum nicht per Update Event von Sortable DOM lesen und per Ajax absenden?

MfG

CKaos

[[inSane]]

Danke schonmal für deine Antwort!

Hi,

geht nur per Javascript z.B. jQuery und dann
per Ajax die Sortorder speichern

Ansonsten nen Inputfeld in jede line mit Sortorder+formbutton
Oder ne Kombination aus JS+Form.

BTW: Schönde Symbole ;)

mfg

CKaos

Das hast du mir sogar schon mal Empfohlen. Da ich bisher noch nichts mit Ajax am Hut hatte, hab ich mich damals für deine zweite Variante entschieden.:)

Ist das mit Ajax einfacher bzw. sinnvoll wenn ich mich bisher noch garnicht mit Ajax auseinander gesetzt habe?

Gruß,
inSane

[Ckaos]

Hi,

Ist das mit Ajax einfacher bzw. sinnvoll wenn ich mich bisher noch garnicht mit Ajax auseinander gesetzt habe?

Dann wirds Zeit ;)

$.ajax({	
type	: "POST",
cache: false,
url	: "/Intern/Angebot",
data	: $('#offer').serializeArray(),
success	: function(data){$.fancybox(data);}
});

MfG

CKaos

[[inSane]]

Sorry, aber irgendwie kann ich damit grad nicht viel anfangen :D

wo & wie übergebe ich da meine Variablen ?
Ist das ein "einfaches" POST über ajax?

Steh grad iwie auf em Schlauch... -.-

Gruß,

inSane

[Ckaos]

Hi,

Ist das ein "einfaches" POST über ajax?

Jab

wo & wie übergebe ich da meine Variablen ?

Mit

data	: $('#offer').serializeArray()

Übergibst du das Formular mit der ID #offer
Was dann zurückkommt gibst du z.B. mit

success	: function(data){$.fancybox(data);}

in eine Fancybox.

Ich hab sowas auch mal für ein Adminpanel realisiert.
Grober Ablauf:
- mehrere Listen mit sortierbaren Elementen (li)
- bei Sortierung update Event von sortable aufruf von eigener Funktion (readSort)
- Funktion (readSort) liest Listen-ID's und Elemente inkl. Reihenfolge und macht daraus ein json Objekt
- PHP aufruf per Ajax welches das json in ein SQL Update query umsetzt und updated

MfG

CKaos