목록순서 변경하기(드래그앤드롭)

http://jqueryui.com/demos/sortable/ 을 이용 하시면 됩니다. ^^

 

 

예전에는 위로, 아래로 버튼을 달아서 이동해야 했던 UI를

 

간단히 Jquery를 이용해 구현할 수 있다. 무엇보다 사용자의 만족도 대폭 상승!

 

이후 처리 방법은 많겠지만, 아래와 같이 전체 li 태그 항목들을 배열로 만들어서

 

순서를 저장하거나 할 때 사용할 수 있다.

 

 

   var obj = document.getElementsByTagName("li");

 

   if( obj.length >= 0 )
   {
    var orderList = "";

    for(var i=0; i<obj.length; i++)
    {
     orderList += obj[i].id + "^";
    }

​

    .......
   }

​

[출처] Jquery Sortable|작성자 한주