VoidNoble IT Zone

[출처] http://ferdinand.rs/javascript/ferdinandslider Prototype & ScriptAculous 기반의 이미지 Slider. 페이드 효과로 이미지가 교체되며 캡션이 지원된다. 유명한 라이트박스의 모달로 띄워지는 부분이 곧바로 본문 페이지에서 실행되는거라고 보면 된다.

[출처] http://www.maengis.com/factory/slide4ps/

http://www.prototypextensions.com 이게 뭔가요? PrototypeXtensions 은 Prototype.js 과 Script.aculo.us 프레임웍 기반의 JavaScript library 이다. 컴포넌트 코어 확장 Class.accessors : 클래스를 위한 기본 접근자들 만듬. Cookie : 쿠키를 만들고, 읽고, 수정하고 삭제. Browser : 웹브라우저의 버젼을 쉽게 알게 한다. EventManager : 당신의 클래스들과 오브젝트들안의 커스텀 이벤트들 통합. Number : 시간 계산 방법의 설정. String : 당장은, 많지는 안고... 기록 History : URL Hash의 인자를 쉽게 "set/get" History.Observer : URL Hash ..

JSON 이용 http://www.ibm.com/developerworks/websphere/techjournal/0805_col_johnson/0805_col_johnson.html scriptaculous 이용 http://www.artweb-design.de/2008/5/30/scriptaculous-sortabletree prototype 이용 http://tafel.developpez.com/site/lang/en/samples.php

Ajax.request Ajax.update 작동시마다 자동으로 '기다려주세요' 와 같은 표시를 하고싶을때 표시를 1개로 통일하여 사용하는것이다.

http://github.com/madrobby/scriptaculous/tree/master http://wiki.script.aculo.us/scriptaculous/show/Usage

+ 홈페이지 http://livepipe.net/ + 최근버젼 Tarball http://github.com/syntacticx/livepipe-ui/tarball/master 홈페이지에 가보면 탭, 윈도우(툴팁), Textarea 편집기, 다중선택, 평점주기, 진행막대, 스크롤막대, 마우스 왼쪽메뉴 컨트롤이 준비되어 있다. 튜토리얼과 API 는 사이트에서 보여주는데 설치 시작

+ 목표 : --------------------------------------------- | ▶ {제목} | --------------------------------------------- | {내용} | --------------------------------------------- 의 박스 컨텐트에서 내용줄은 처음에 숨겨져 있고 제목줄을 클릭하면 내용줄이 튀어나오는 토글 기능 구현. 을 하는데, 나같은 객체지향에 애로사항 많은 이들을 위해 함수를 클래스로 전환시켜 나가는 과정도 보여주기. + 구현 : 1. 기존에 하던대로 함수 제작 function wjToggle(curEl) { var cinEl = $(curEl).up('div', 1); var contEl = $(cinEl).down('..

IE 7.0 부터 인터넷 옵션을 따로 설정하지 않으면 스크립트로 클립보드에 복사를 하려하면 확인창이 뜨게 된다. 만드는 사람이나 쓰는 사람이나 귀찮다. 보안에는 좋지 않을수도 있겠지만 이에 대한 해결법으로 Flash 를 통한것이 구글코드 프로젝트중에 있다. Flash v10 이상도 지원되므로 유연한 대처가 가능해서 좋다. Zero Clipboard 이것을 찾게된 결정적 이유는 IE 8.0 에서 input type=”file” 일 경우 이제는 클라이언트 경로가 접근 허용되지 않게 되어 스크립트만으로 미리보기가 안되기 때문이었다. 제로보드XE 와 같이 서버에 더미파일을 올리는 방법도 당연지사 생각되겠지만 스크립트만으로 풀어보려는 뚝심(?) 때문에 결론적으론 flash 를 끌여들였는데, 사용자로 하여금 설정하..

구글 개인화 홈페이지 등을 보면 박스를 이리 저리 옮길 수 있게 구성을 해 놓았다. 이것을 구현하려 script.aculo.us 의 Sortable 에 관한 예제 및 메뉴얼을 가지고 끙끙대다가 (script.aculo.us 메뉴얼 사이트를 보면 Ruby on Rails 로 구현되어 있어서 참 힘들었다.) 구글링을 통하여 예제또한 훌륭하게 도움을 받아 기록 차 이곳에도 남겨둔다. [출처] http://blog.outsider.ne.kr/275 (크리에이티브 커먼즈 라이센스 에 의거 비영리 교육용 기록이기에 약간의 변경을 하였다.) Sortable.create('id_of_container',[options]); id_of_container에 드래그앤드롭을 가능하게 할 엘리먼트의 id를 주고 options에..