[cyberx]

Я а не знаю, я нашел простой скрипт который делал просто сортировку и перебрасывание вез поста. Я только начал осваивать js и решил добавить асинхронный запрос, но не получается. Вот оригинал

<script type="text/javascript">

var dropped = false;
var templateHtml;
$(document).ready(function(){

    setSortable();

    $("#droppable").droppable({
        activeClass: 'active',
        hoverClass:'hovered',
        accept:".drop",
        drop:function(event,ui){
            dropped = true;
            //alert(ui.draggable.text());
        }
    });
   
});

function setSortable(){
    $("#sortable").sortable({
        stop:function(event,ui){
            if(dropped){
                $("#sortable").sortable('destroy').html(templateHtml);
                dropped = false;
                setSortable();
            }
        }
    });
   
    $("#sortable li").addClass("drop").bind('mousedown',function(){
        templateHtml = $("#sortable").html();
    });
}

    </script>

<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>

<div id="droppable">
Drop Here
</div>

Вот я изменил и не работает

<script type="text/javascript">

var dropped = false;
var templateHtml;
$(document).ready(function(){

function addlist(param)
{
$.ajax({
url: 'index.php',
data: 'drop='+encodeURIComponent(param),
type: 'POST',
dataType: 'php',
success: function(msg)
{
if(parseInt(msg)!=0)
{
$('#pageContent').html(msg);
}
}
});
}

setSortable();
$("#droppable").droppable({
accept:".drop",
drop:function(event,ui){
dropped = true;
addlist(ui.draggable.text());
}
});

});

function setSortable(){

$("#sortable").sortable({ opacity: 0.6, cursor: 'move', update: function() {
var order = $(this).sortable("serialize") + '&action=listing';
$.post("index.php", order, function(theResponse){
$("#pageContent").html(theResponse);
});
}
});


$("#sortable li").addClass("drop").bind('mousedown',function(){
templateHtml = $("#sortable").html();
});
}

</script>

<div id="pageContent">

<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>

</div>


<div id="droppable">

drop here

</div>