티스토리 뷰

웹프로그래밍/js

script.aculo.us 의 Sortable 사용

VoidNoble 공허공자 2009. 3. 11. 17:15
구글 개인화 홈페이지 등을 보면 박스를 이리 저리 옮길 수 있게 구성을 해 놓았다.
이것을 구현하려
script.aculo.us 의 Sortable 에 관한 예제 및 메뉴얼을 가지고 끙끙대다가
(
script.aculo.us 메뉴얼 사이트를 보면 Ruby on Rails 로 구현되어 있어서 참 힘들었다.)
구글링을 통하여 예제또한 훌륭하게 도움을 받아 기록 차 이곳에도 남겨둔다.

[출처] http://blog.outsider.ne.kr/275
(크리에이티브 커먼즈 라이센스 에 의거 비영리 교육용 기록이기에 약간의 변경을 하였다.)



+ 해외 타겟 드롭존 패치
http://tankut.googlepages.com/home

해외에서 드래그하여 리스팅 간격이 벌어지는 곳에 빈칸이 아닌 표시를 보여주는것을
원본 패치한 예가 있어서 직접 패치를 적용해보았다.
저 사이트에는 1.8.1 까지의 소스가 있는데,
난 1.8.2 를 쓰는 관계로 Sortable 가 있는 dragdrop.js 만 끄집어내어
WinMerge 라는 문서비교 프로그램에서 비교하여 패치를 적용해보았다.
결과는 성공적이었으나 너무 삽질인듯하다.

'웹프로그래밍 > js' 카테고리의 다른 글

[Prototype] Class, invoke 사용예제  (0) 2009.03.24
Web 에서 Flash 이용한 Clipboard Copy  (0) 2009.03.24
script.aculo.us 의 Sortable 사용  (1) 2009.03.11
Prototype responseJSON 사용  (0) 2009.03.11
Javascript Date & Time  (0) 2009.01.06
IE7 에서 image.src 작동하게 하기  (0) 2008.11.25
댓글
  • 프로필사진 Favicon of http://blog.outsider.ne.kr BlogIcon Outsider 시간에 쫓겨 마구잡이로 만든걸 정리한거였는데 그래도 도움이 되셨다니 저도 기분이 좋네요. ^^
    트랙백 감사합니다.
    2009.03.12 16:29
댓글쓰기 폼
Total
915,113
Today
10
Yesterday
227
«   2021/05   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
글 보관함