Prototype과 Rico를 이용한 드래그... 코드없음...
from PhpSchool : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=ajax&wr_id=248
개발 사이트 : http://ajax.fixmedia.net/
자바스크립트 프로토타입 출처
* Prototype JavaScript framework, version 1.4.0
* (c) 2005 Sam Stephenson <sam@conio.net>
*
* Prototype is freely distributable under the terms of an MIT-style license.
* For details, see the Prototype web site: http://prototype.conio.net/
드래그 엔 드랍 프레임워크
Rico
/**
*
* Copyright 2005 Sabre Airline Solutions
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under the
* License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions
* and limitations under the License.
**/
AJAX 기술의 독특함과 그 막강한 효과를 내내 들어오던 찰나,
구글의 한 페이지(http://google.co.kr/ig)를 만난 이후 그 화면이 머릿속에서 지워지질
않아 드래그 앤 드랍 프레임워크를 뒤적뒤적이던 중 이 곳 스쿨 아래 글의 Rico 소스를
통해 입맛대로 커스터마이징 해보았습니다.
이것 저것 해보다보니 드래그 앤 드랍의 원리를 대충 이해할 수 있었던 것 같네요.
우선 작업하면서 재낀 부분들 몇가지를 들자면,
드래그 가능한 블럭이 있어야 하며, 그 블럭이 있었던 자리에 복귀하기 위해
"Temp Area"를 구성해주어야 했습니다.
블럭과 블럭간의 이동을 꾀하기 위해 드랍존을 구성하는 방식은 획기적인 것 같습니다.
구성 페이지 : http://ajax.fixmedia.net
'Web(웹) Study > Java Script' 카테고리의 다른 글
내 글 복사하면 내용이 더 붙어여~ (IE 전용) (0) | 2007.12.24 |
---|---|
검색어 자동완성기능 (서제스트)의 단점.. (0) | 2007.12.21 |
시간 간격으로 Response (0) | 2007.12.21 |
유효성 검사 툴팁 (innerHTML) (0) | 2007.12.21 |
자바스크립트 이벤트 (0) | 2007.12.19 |