구글 개인화와 같은 드래그&드랍

안에 html 참조해 보시고요.
http://script.aculo.us 사이트의
sortable 소스를 기본으로 했기 때문에 script.aculo.us 의 라이브러리가 기본적으로 반드시 필요합니다.


프로토 타잎 방법을 정확하게 모르는 관계로 자동으로 create 하는 부분은 못 했구요
아래와 같이 실행하셔야 합니다. ^^

var personalSort    = new personalSorts;
personalSort.create(    "firstlist,secondlist",
                        {    "callBack":"loadXml", "tmpBody":"content" },
                        {    "dropOnEmpty":true, "constraint":false,
                            "onChange":function(){
                                personalSort.makeCookies();
                            }
                        }
                    );
personalSort.parseAsync( getCookie( "firstlist" ) );
personalSort.parseAsync( getCookie( "secondlist" ) );




개인적으로 만든 personalSorts 안의 변수 및 정보들 입니다.

create(entry, personalSortsOptions, sortTableOptions)    : 개인화 스크립트를 생성합니다.
    entry                : Sortable이 구동될 document ID
    personalSortsOptions
        nodeId            : 추가시 element Domain ID    (없는경우 rss)
        nodeCalss        : 추가시 element Class        (없는경우 item)
        tmpBody            : 글 내용이 들어가는 곳의 Domain ID
        tplName            : 템플릿을 body 에서 직접 가져 오는 경우 해당 부분의 ID
        tplString        : 글 내용 부분에 들어가는 템플릿 내용
        callBack        : element를 추가한 후에 대한 액션을 정의할 콜백함수명( 인자는 무조건 identity 한개만 들어감 )
        cookieExpire    : 쿠키 지속일

    sortTableOptions    : (    http://script.aculo.us    관련 매뉴얼 참조)


makeSortItem(locate, idx, display)                        : 아이템을 생성합니다.
    locate                : entry 위치 ( 1 부터 시작 )
    idx                    : 해당 아이템의 고유 identity (Rss 를 사용 한다면, Rss idx 같은...)
    display                : 열림(1), 닫힘(0)


parseAsync(items)                                        : 문자열을 파싱해 화면에 출력합니다.
    items                : 직렬화된 아이템 문자열. 아이템간의 구분은 , 로 합니다.
                            makeSortItem 에 들어갈 정보들이 1-1-0,2-2-0,2-3-0
                            등의 문자열로 처리됩니다.


removeItem(idx)                                            : 해당 아이템을 삭제합니다.
    idx                    : 해당 아이템의 고유 identity (Rss 를 사용 한다면, Rss idx 같은...)


serialize(entryName[, loc])                                : item 정보들을 직렬화 시킵니다.
    entryName            : 직렬화된 정보를 가지고 올 해당 엔트리의 이름
    loc                    : 엔트리 위치값
                            ( 즉 loc 가 입력되지 않으면 엔트리 순서-idx-display 정보만 리턴됩니다)


serializeAll()                                            : 모든 엔트리에 대한 정보를 직렬화 시킵니다.


makeCookies()                                            : 쿠키를 생성합니다.

invalid-file