glisser et déposer avec jquery et php

Question

hy, j'ai un tableau php avec le nom de certaines images! i liste de toutes les images utilisent ceci:

$files = $_SESSION['files']; 
$imgid = $_POST['id']; 
if ($files){ 
     foreach($files as $image): 
      print '<li id="liupimages">'."\n"; 
       print '<a href="uploads/'.$image.'"><img id="'.$imgid.'" alt="'.$image.'" src="uploads/'.$image.'"></a>'."\n"; 
      print "</li>\n"; 
     endforeach; 
    print <<<JS 
<script> 
$(".thumbs li a").click(function(){ 
    var largePath = $(this).attr("href"); 
    $('.thumbs li').removeClass('thumbac'); 
    $(this).parent().addClass('thumbac'); 
    $("#largeImg").hide() 
        .attr({ src: largePath }) 
        .load(function() { 
         $(this).show(); 
        }); 
    return false; 
}); 

</script> 
JS; 
} 

i utilise jquery-ui pour faire glisser et déposer des images en utilisant cette fonction:

$(function() { 
    $("#upimagesQueue").sortable({ opacity: 0.6, cursor: 'move', update: function() { 
    //??               
    }         
    }); 
}); 

après i glisser-déposer une image que je veux être en mesure de mettre à jour le tableau php à! comment faire ceci?

Answer 1

Utilisez ajax:

$.get("re-arrange.php", { 'myArray[]': ['file1', 'file2']}); 

http://api.jquery.com/jQuery.get/

Answer 2

Ne pas utiliser l'utilisation jQuery dom-drag il est beaucoup mieux et plus fonctionnel.

Ajouter ce code:

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js"></script> 
<script type="text/javascript"> 
Drag.init(document.getElementById("exampleid")); //sets the id to look for to make object draggable 
</script>