jquery glisser déposer des valeurs avec php

Question

j'ai des objets/éléments. on est [4 images avec différents ids] et [un div avec le conteneur d'id] ....

je veux faire des images dragable et alerter l'id de l'image si elle est glissée et déposée correctement à l'intérieur du récipient div ... ....

puis envoyer sa valeur à mysql avec php et jquery $ .ajax

Answer 1

$('#container').droppable({ 
    accept: 'img' 
    drop: function(event, ui){ 
    var id=$(ui.draggable).attr('id'); 
    $.ajax({ 
     url: 'myurl.php', 
     data: {id: id}, 
     success: function(data){ 
     //do something with data 
     } 

    }) 
    } 
}); 
$('img.draggable').draggable();//assuming all draggable images have a draggable class 

Answer 2

Utilisez Dropable de jQuery UI

$('selector for DIV').droppable ({ 
    drop: function (event, ui) { 
     // ui.draggable is a jQuery object representing your image 
    } 
});