Rev. 2.73

prototip.gif

PrototipPrototype/Scriptaculous를 기반하여 만들어진 툴팁 컴포넌트이다. 표준을 따르는 HTML, CSS를 이용한 다양한 레이아웃 디자인과 출력효과를 내장하고 있어 단순히 메시지를 표시하는 것 이상의 표현이 가능하다. 특히, CSS를 이용해 디자인을 손쉽게 커스터마이즈 할 수 있게 한 점과 특정 타겟의 시야를 가리지 않도록 하는 Hooking옵션은 사용자의 입장을 충분히 고려해 만든 모습이 역력하다.

new Tip(
  element,                 // the id of your element
  content,                 // html
  {  
    className: 'tooltip',  // or your own class
    closeButton: false    // or true
    duration: 0.3,         // duration of the effect, if used
    delay: 0.2             // seconds before tooltip appears
    effect: false,        // false, 'appear' or 'blind'
    fixed: false,         // follow the mouse if false
    hideOn: 'mouseout'     // 'click', 'mousemove', 'mouseover',
                           // { element: 'element|target|tip|closeButton|.close',
                           //   event: 'click|mouseover|mousemove' }
    hook: false,          // { element: 'topLeft|topRight|bottomLeft|bottomRight|
                           //  topMiddle|bottomMiddle|leftMiddle|rightMiddle',
                           //  tip: 'topLeft|topRight|bottomLeft|bottomRight|
                           //  topMiddle|bottomMiddle|leftMiddle|rightMiddle' }
    offset: {x:16, y:16}   // or your own, example: {x:30, y:200}
    showOn: 'mousemove',   // or 'click', 'mouseover', 'mouseout'                              
    target: 'anotherId',   // make the tooltip appear on another element
    title: false,         // or a string, example: 'tip title'
    viewport: true        // keep within viewport, false when fixed or hooked
  }
);

Comments

Got something to add? You can just leave a comment.

  • wiss wiss

    prototip이 다 좋은데, 라이센스가 이상하더라고요. 일단 상용이고요, 무조건 돈을 내야 합니다. (싸기는 합니다.) 그러면서도 라이센스는 CCL(Creative Commons License) 입니다. 프로그램 소스에 이 라이센스를 적용하는 것은 권장하지 않는다고 CCL을 만든 사람들이 말하고 있는데도 말이죠. 덕분에 최고로 이상한 라이센스 정책을 가지고 있습니다. CCL에도 종류가 많은데, prototip이 적용하고 있는 CCL 라이센스에 따르면 비영리단체에서 수정하지 않고, 저작권을 표시하면 무료로 사용할 수 있다고 합니다. 그러면서 돈을 받는다는 모순이.....
    돈을 받는 거야 상관없지만, CCL을 붙여서 사람 헷갈리게 안 했으면 좋았을 거에요. 아무튼, 저는 처음에 CCL이라기에 멋모르고 사용했던 부분을 다시 빼느라(오픈소스라서 빼던가, 넣더라도 모듈로 분리해야 하는데...) 삽질 중입니다. ㅋㅋ
    prototip을 사용하시려는 분들 참고하세요.

    reply edit

  • 그렇군요. 유용한 정보 대단히 고맙습니다.

    reply edit

Your Reaction Time!

captcha

avatar