Rev. 2.73

scroller.gif

역시나, PrototypeScriptaculous 자바스크립트 프레임웍을 확장하는 Control.Scroller 컴포넌트는 자바스크립트로 구현한 스크롤바입니다. Scriptaculous의 Control.Slider 메서드를 사용하고 있어, slider.js를 필요로 합니다. alignX, alignY, sliderValue, disabled, handleImage, handleDisabled, values 옵션으로 슬라이더를 커스토마이즈 할 수 있으며, Control.Scroller 메서드와 마찬가지로 increment, maximum, minimum, range, onSlide, onChange 옵션을 부가적으로 사용할 수 있습니다. 아쉽게도 마우스의 휠 이벤트가 지정되어 있지 않습니다.

new Control.Scroller( 'content', 'handle', 'track', {
  up: "button-up",
  down: "button-down",
  onScroll: function(value, scroller) {
    document.title = value;
  }
});

Comments

datepicker.gif

최근들어 PrototypeScriptaculous 자바스크립트 라이브러리에 기반하는 강력한 컴포넌트들이 봇물입니다.(흐뭇) MS 필이 물씬 풍기는 완성도 높은 자바스크립트 데이트피커(날짜 선택기)도 출현했군요! <input type="text" id="date-from" name="date-from" />태그에 ID를 이벤트로 할당하고 클릭하면 데이트피커 위젯이 뜹니다. 퍼다 쓰세요!

var dpck   = new DatePicker({
  relative  : 'date-from',
  language  : 'en'
});

Comments

portal.gif

Prototype에 기반하는 프로젝트를 여럿 소개한 바 있는 Sebastien Gruhier씨는 또다시 놀라운 컴포넌트를 공개하였습니다. Scriptaculous 라이브러리를 적극 활용하여 iGoogleNetvibes와 같은 위젯기반 UI를 제공케 할 수 있는 Prototype Portal Class를 공개한 것입니다. 개인화 서비스라고도 하지요. 이와 비슷한 한국형 서비스로는 위자드닷컴요즘엔 등이 있습니다. 아무튼, 정말 훌륭하십니다!

Comments