VoidNoble IT Zone

* 주의사항 !DOCTYPE 선언하면 Autocompleter 입력시 바로 작동하지 않음. CSS Code/* 주소 검색상자 */ #mb_addr { ime-mode: active; } /* 주소 자동완성 */ div.autocomplete { position:absolute; background-color:white; border:1px solid #888; margin:0px; padding:0px; } div.autocomplete ul { list-style-type: none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #ffb; } div.autocomplete ul li { list-style-..

Glider 는 고정된 공간 내에서 아코디언과 같이 내용을 바꿔서 보여줍니다. 유명한 곳은 CODA Glider 입니다. 제작자의 사이트에서도 사용했었다는군요. (아래 그림) * 준비물: prototype.js & scriptacoulous.js & Glider.js 다운받기 싫다면 Google Ajax Libraries 에서 로딩 또는 로딩 순서는 틀리면 안됨 Glider 는 3개의 CSS Class 를 사용한다. scroller – serves as a window in which sections will appear, one at a time section – wraps around contents in individual panels in the glider controls – wraps arou..

기존의 스크립트를 prototype 1.6.3 의 Class 생성에 맞게 직접 패치했다. 스크립트 // Copyright (c) 2006 Gabriel Lanzani (http://www.glanzani.com.ar) // // Permission is hereby granted, free of charge, to any person obtaining // a copy of this software and associated documentation files (the // "Software"), to deal in the Software without restriction, including // without limitation the rights to use, copy, modify, merge, ..

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

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 ..

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