2010-05-11 3 views
1

Je veux savoir comment je peux persister les divs droppés sur un draggable. J'essaye depuis longtemps mais je suis bloqué à ce point. En fait, vous pouvez voir le demo ici. Je dois enregistrer le plancher de mariage conçu par l'utilisateur. Ainsi, chaque fois que l'utilisateur se connecte la prochaine fois il/elle est capable de voir la dernière conception enregistrée. Le code est indiqué ci-dessous:Jquery persistance draggable soit par mysql ou d'enregistrer des cookies dans la base de données?


              $(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' 
               }); 

}); 


Répondre

2
  1. Obtenez position de chaque objet (easy à voir avec JQuery)
  2. sérialisation JSON et enregistrer dans une base de données de votre choix. N'utilisez pas de cookies pour cela.
+0

Un tutoriel ou un exemple de code serait bon. –

+0

utilisez-vous mysql comme base de données? sur quoi avez-vous besoin d'un exemple, la partie de connexion à la base de données? la sérialisation? –

+0

Oui, j'utilise mysql comme db. Je veux connaître le code actuel pour passer les données de jquery à php en utilisant json. En outre ce que je dois faire après avoir passé ces valeurs dans le code php pour sauvegarder ces valeurs dans mysql. –

1

Il y a un tutoriel bien et démonstration de glisser-déposer avec PHP, jQuery-UI et M ySQL ici: PaperMashup

Questions connexes