Extjs Qtips 사용하기
Scripter/EXTJS / 2008. 4. 16. 14:08
HTML작업을 하다 보면 Tooltip을 사용할 일이 많아진다.
예를 들어
<img src="이미지 주소" alt="이미지설명" title="이미지설명" /><a href="" title="링크설명">
<table summary="테이블에 대한 간략한 소개">
와 같이 사용하는데 사용자 마음대로 원하는 형태로 나오기가 어렵다는 단점이 있다. 또한 일정시간이 지나면 자동으로 없어지므로 사용하기가 까다롭다.
단 이미지가 없을 경우 엑박(엑스박스)을 없애기 이미지에 대한 내용이 들어가게 해주는 기능이 있으나 이럴경우 ExtJS를 사용하여 다음과 같이 작성해 줄수 있다.
MARKUP
<div id="아이디" ext:qtitle="툴팀 타이틀" ext:qtip="데꾸벅<br />머리아포">
JAVAScript (ExtJS)
Ext.QuickTips.init();
Ext.QuickTips.getQuickTip();
과 같이 적어주면 자동으로 Ext.Tooltip() 과 같은 효과를 볼수 있다.
'Scripter > EXTJS' 카테고리의 다른 글
ExtJS 2.1 릴리즈 (4) | 2008.04.22 |
---|---|
RESTFul 한 ExtJS (0) | 2008.04.16 |
Extjs 기본레이아웃에 각종 패널붙이기 (12) | 2008.04.16 |
ExtJS를 이용한 EditorGrid 붙이기 (2) | 2008.04.07 |
ExtJS 로드맵 (0) | 2008.04.01 |