Extjs Qtips 사용하기
Scripter/EXTJS / 2008. 2. 18. 19:33
HTML작업을 하다 보면 Tooltip을 사용할 일이 많아진다.
예를 들어
<img src="이미지 주소" alt="이미지설명" title="이미지설명" /><a href="" title="링크설명">
<table summary="테이블에 대한 간략한 소개">
와 같이 사용하는데 사용자 마음대로 원하는 형태로 나오기가 어렵다는 단점이 있다. 또한 일정시간이 지나면 자동으로 없어지므로 사용하기가 까다롭다.
단 이미지가 없을 경우 엑박(엑스박스)을 없애기 이미지에 대한 내용이 들어가게 해주는 기능이 있으나 이럴경우 ExtJS를 사용하여 다음과 같이 작성해 줄수 있다.
MARKUP
<div id="아이디" ext:qtitle="툴팀 타이틀" ext:qtip="내용HTML">
JAVAScript (ExtJS)
Ext.QuickTips.init();
Ext.QuickTips.getQuickTip();
과 같이 적어주면 자동으로 Ext.Tooltip() 과 같은 효과를 볼수 있다.
'Scripter > EXTJS' 카테고리의 다른 글
Extjs Sample :: 기본문서구조만들기 (0) | 2008.02.18 |
---|---|
Extjs Sample :: 기본문서구조 (0) | 2008.02.18 |
Extjs Template 사용하기 (0) | 2008.02.18 |
Extjs 단축키 지정 (0) | 2008.02.18 |
Extjs 기본 DomQuery (0) | 2008.02.18 |