перетащите с JQuery и PHP

Question

хе, у меня есть массив php с именем некоторых изображений! я перечисляю все изображения использовать это:

$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;
} 

я использую jquery-ui для перетаскивания изображений с помощью этой функции:

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

после того, как я перетащил одно изображение, я хочу иметь возможность обновить массив php до! как это сделать?

Answer 1

Используйте ajax:

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

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

Answer 2

Не используйте jQuery, используйте dom-drag, это намного лучше и функциональнее.

Добавить этот код:

<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>