WEB_Programming/Ajax 썸네일형 리스트형 Sortable.create (드래그앤 드롭 처리 관련 API) Sortable.create Behaviours > Sortable > create Sortable.crete는 소트 가능한 엘리먼트를 초기화 하는데 이용된다. Syntax Sortable.create('id_of_container', [옵선])은 새로운 소트 가능한 엘리먼트를 지정하는 문장이다. Options Option Since Description tag v1.0 기본값은 'li'이다. 태그의 종류로(컨테이너의 자식 엘리먼트이다.) 이것은 소트 가능하도록 만들어 준다. UL과 OL컨테이너를 위해서 LI를 이용한다. 또한 다른 소트가능한 자식 태그도 제공한다. only v1.0 Default: (none) Further restricts the selection of child elements to.. 더보기 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 데이터 엘리먼트가 될 수 있.. 더보기 Ajax tutorials http://www.ajax-tutorials.com/tutorial-list/resource/Ajax_using_XMLHttpRequest_Struts/ 더보기 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, .. 더보기 Ajax in Struts: select 박스를 이용한 Ajax구현 Ajax in Struts: implementing dependent select boxes 이 포스팅에서는, Struts 애플리케이션에서 AJAX의 이용 방법에 대해서 설명한다. 내 현재 프로젝트에서 스트러츠 기반의 웹 애플리케이션을 많은 입력 폼과 함께 개발했다. 이러한 폼에서는 2개 혹은 이상의 html select box를 포함하고 있다. 이 의미는, 2개의 의존성있는 박스를 만들며, 가능한 옵션에 대해서 두번재 선택박스가 첫번째 선택박스내와 관련있는 내용을 보여주는 애플리케이션을 개발할때 다음과 같은 3개의 가능한 해법이 존재한다. 자바 스크립트의 array를 이용하여 첫번째 셀렉트 박스에 대해서 두번째에 세팅하는 방법 첫번째 셀렉트 박스에서 onchange 를 선택했을 때 자동적으로 폼을 서버.. 더보기 이전 1 다음