BlogFish의 Tooltip 라이브러리

BlogFish의 Tooltip 라이브러리는 Tooltip 클래스 하나로 구성됩니다.

1. Attribute

• element : Tooltip의 대상이 되는 element입니다.
• tool_tip : Tooltip의 내용이 들어갈 element입니다.
• options : Tooltip 클래스에서 사용될 속성들이 들어갑니다. (Tooltip의 위치, z-index 등)

2. Method

• destory : Tooltip의 내용을 바꾸거나 Tooltip을 제거할 때 element와 Tooltip간에 연결되어 있는 이벤트를 제거합니다.
• registerEvents : element에서 Tooltip을 띄우는데 사용할 이벤트를 등록합니다. (mouseover, mouseout)
• showTooltips : Tooltip의 내용을 화면에 띄웁니다. (Tooltip을 띄울 위치를 계산합니다.)
• setStyles : Tooltip의 위치를 설정하는데 사용됩니다. (Style설정하는데 사용되지 않습니다.)
• getWindowHeight/getWindowWidth : 내부에서 window의 크기를 알아내기 위해서 사용되는 메소드입니다.

3. 사용법
사용법은 간단합니다. 스크립트 태그안에서 Tooltip을 생성하고 Tooltip의 대상과 Tooltip에 들어갈 element를 인자로 넣어주면 됩니다.

<script type="text/javascript">
  var my_tooltip = new Tooltip('scr element', 'tooltip element');
</script>