일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 솔루션
- CGIMALL
- 해피CGI
- #쇼핑몰
- javascript
- 홈페이지
- CSS
- #웹솔루션
- #해피CGI
- #홈페이지제작
- happycgi
- #업종별
- 사이트제작
- #솔루션
- #jQuery
- #happycgi
- #image
- 웹솔루션
- 게시판
- 쇼핑몰
- #cgimall
- #이미지
- 홈페이지제작
- #뉴스
- #동영상
- 해피씨지아이
- #CSS
- #홈페이지
- jquery
- php
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery Zebra_Dialog 본문
* jquery Zebra_Dialog 소개
- jquery Zebra_Dialog 은 사용자가 응용 프로그램을 계속 사용하기 전에
알림창을 보여줄 수 있도록 하는 기능을 제공합니다
* 사용조건
- jQuery 1.7.0 이상에서 사용이 가능합니다
* 특징
- 테마상자 알림창 상자 2개 제공
- 5가지 대화상자 : 확인,정보,경고,오류,질문
- css 파일을 편집하여 쉽게 사용자 정의 가능
- 맞춤검색 버튼 쉽게 추가
- 추가 사용자 정의를 위해 콜백함수 제공
- 주요 브라우저 Firefox, Opera, Safari, Chrome, Internet Explorer 6 이상 에서 작동
* 사용법
1. 다운로드 받은 압축파일을 해제하고 dist폴더에 있는
zebra_dialog.min 파일을 원하는 웹서버 경로에 업로드 합니다
2. 기본적으로 제공되는 js, css 파일을 호출합니다
3. js,css 파일을 호출하여 로드 하였다면 알림창을 띄워보도록 합니다
1) 기본 대화상자 예제
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly configurable ...');
2) 5가지 유형 오류,경고,질문,정보,확인 타입 설정이 가능한 대화상자 예제
(type 설정에 `error`, `warning` , question, `information, `confirmation` 으로 설정가능)
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and ...', {
type: 'error',
title: 'Error'
});
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly configurable ...', {
type: 'question',
title: 'Custom buttons',
buttons: ['Yes', 'No', 'Help'],
onClose: function(caption) {
alert((caption != '' ? '"' + caption + '"' : 'nothing') + ' was clicked');
}
});
(위와 같이 콜백함수 실행이 가능합니다)
이외에 다양한 기능이 제공되니 첨부된 압축파일을 해제하여
README.md API설명을 참조하시거나
examples 폴더안에 있는 다양한 예제들을 활용하시면 도움이 될것 같습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery UI Draggable Default (0) | 2018.10.08 |
---|---|
[해피CGI][cgimall] Jquery UI 소스 - Color Animation (animate) (0) | 2018.10.08 |
[해피CGI][cgimall] jquery cookie Ver1.4 (0) | 2018.10.01 |
[해피CGI][cgimall] 라디오버튼, 체크박스의 활성화 스타일을 설정할 수 있는 jquery (0) | 2018.09.26 |
[해피CGI][cgimall] Widget Factory를 이용한 위젯의 속성 제어 jquery (0) | 2018.09.26 |