본문 바로가기

Drag & Drop

Drag and drop sort order with Scriptaculous Drag and drop sort order with Scriptaculous드래그 앤 드롭을 이용하여 아이템의 소트 순서를 변경을 지원해주는 작업을 해 보자. 드래그앤 드롭은 Adobe’s Spry라이브러리가 빠져있다. 그러나 Scriptaculous JavaScript 라이브러리의 도움으로 매우 쉽게 작업을 할 수 있다.Scriptaculous는 Prototype Javascript Framework를 이용하고 있다. 시작을 위해서는 scriptaculous와 해당 링크된 라이브러리를 다운 받아야 한다. Prototype라이브러리를 별도로 받을 필요는 없다. 이것은 포함되어 있다. 소트하고자 하는 아이템을 위해 리스트를 생성한다. 이러한 리스트 아이템은 DIV나 table 데이터 엘리먼트가 될 수 있.. 더보기
script.aculo.us의 Drag 'n' Drop 패키지 이용하기 대부분의 인기있는 웹 2.0 인터페이스는 기능은 드래그 앤 드롭일 것이다. 운이 좋게도 script.aculo.us는 drag and drop기능을 강력하게 제공해 주고 있다. script.aculo.us의 드래깅 기능을 이용하여, 드래그앤 드롭을 수행할 모듈을 정의할 수 있다. script.aculo.us를 로딩하기 위해서는 최소한으로 다음의 내용이 들어가야한다. Dragging Things Around:scriptaculous를 이용하면 드래그 가능한 아이템을 매우 간단하게 만들 수 있다. 이것은 단지 Draggable클래스의 인터페이스를 생성하는 것만으로도 충분히 수행된다. 그리고 드래그 가능한 엘리먼트를 정의할 수 있다. Draggable Syntax: new Draggable( element, .. 더보기