Jquery draggable persistence soit à travers MySQL soit en sauvegardant un cookie dans la base de données ?

Question

Je veux savoir comment persister les divs déposées sur un élément draggable. J'ai essayé depuis longtemps mais je suis bloqué à ce point. En fait, vous pouvez voir le démonstration ici. Je dois enregistrer le plancher de mariage conçu par l'utilisateur. Ainsi, lorsque l'utilisateur se connecte la prochaine fois, il/elle peut voir le dernier design enregistré. Le code est affiché ci-dessous:

                                             $(document).ready(function() {
                                                $("#droppable").droppable({
                                                    accept: '.draggable',
                                                    drop: function(event, ui) {
                                                            $(this).append($(ui.draggable).clone());
                                                            $("#droppable .draggable").addClass("objects");
                                                            $(".objects").removeClass("ui-draggable draggable");
                                                            $(".objects").draggable({
                                                                    containment: 'parent',
                                                            });
                                                    }
                                                });
                                                $(".draggable").draggable({
                                                    helper: 'clone',
                                                    tolerance: 'touch',
                                                    cursor:'move'
                                                });

});

Answer 1

1. Obtenez la position de chaque objet (facile à faire avec JQuery)
2. Sérialisez en JSON et enregistrez dans une base de données de votre choix. Ne pas utiliser de cookies pour cela.

Answer 2

J'ai déjà posé ce genre de question, lisez ceci :

http://stackoverflow.com/questions/2669130/jquery-ui-sortable-determining-in-what-order-the-items-are/2669215#2669215

et ceci :

http://stackoverflow.com/questions/2442232/getting-the-position-of-the-element-in-a-list-when-its-drag-dropped-ui-sortable/2443081#2443081

j'espère que cela vous aidera

Answer 3

Il y a un tutoriel et une démo sympas sur comment faire du glisser-déposer avec PHP, jQuery-UI et MySQL ici: PaperMashup