본문 바로가기

WEB_Programming

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, .. 더보기
JSP Cookie 이용하기 이 예제는 JSP페이지에서 쿠키를 어떻게 사용하는지 설명한다. 이 예제에서 어떻게 쿠키에 값을 저장하고, 다른 jsp페이지에서 어떻게 쿠키값을 획득할지에 대해서 설명하고 있다. 이제 쿠키에 대해서 이해해 보자. 쿠키는 작은 데이터 조각으로 웹서버에서 클라이언트 브라우저에 전송되는 작은 데이터이다.쿠키는 클라이언트의 하드 디스크에 작은 텍스트 파일로 저장된다. 쿠키는 웹 사용자의 인증을 해주는 기능도 한다. 쿠키는 세션을 처리하기 위한 매우 중요한 역할을 담당하고 있다. 쿠키 클래스 JSP에서 javax.servlet.http.Cookie라는 클래스를 이용하여 쿠키를 적용할 수 있다. 이 클래스는 쿠키를 생성하는데 이용되고, 작은 양의 정보를 서블릿에서 웹 브라우저로 전송을 담당하며, 브라우저는 이러한 정.. 더보기
자바스크립트 화면 인쇄 자동으로 프린트 다이얼로그 박스를 여는 법 자바스크립트 프린트 함수를 이용하여 프린트 friendly 버젼을 로딩할 수 있다. 이것은 사용자에 의해서 자동으로 프린트 다이얼로그 박스를 열 수 있는 메커니즘을 제공한다. 먼저 다음 코드를 사이에 복사해서 넣어라. 태그에 다음과 같은 소스를 입력한다. onload="printpage()" 그러면 다음과 같은 내용이 된다. 이렇게 하면 자동으로 페이지가 로딩되고 나서 프린트를 수행하게 된다. 더보기
JavaScript 캘린터 프로그램 자바스크립트 캘린더 템프리트 더보기
EncodingFilter 로 한글 처리 하기 인코딩은 영어권 개발자가 아닌경우에는 필수적으로 변환을 해야하는 작업이다. 이러한 인코딩 작업을 위해서 기존에 개발자들은 매번 다음과 같은 코드를 작성하는 수고를 했어야 했다. String name = new String(request.getParameter("name").getBytes("iso-8859-1"), "UTF-8"); 그러나 이러한 작업은 매우 번거롭고 귀찮은 작업이 아닐수 없다. 전달되는 파라미터가 몇개인데... 말이다. 그럴때 다음과 같이 인코딩 필터를 이용하여 사용하면 편리할 것이다. package XXX; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import ja.. 더보기

티스토리툴바