일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- #해피CGI
- 홈페이지
- 사이트제작
- jquery
- php
- #동영상
- #홈페이지제작
- #홈페이지
- #image
- #jQuery
- #솔루션
- #이미지
- #뉴스
- #쇼핑몰
- #웹솔루션
- #CSS
- #업종별
- CGIMALL
- 해피CGI
- 솔루션
- 홈페이지제작
- 쇼핑몰
- #cgimall
- 웹솔루션
- javascript
- #happycgi
- happycgi
- 게시판
- 해피씨지아이
- Today
- Total
목록#alert (3)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
사용자가 커스터마이징이 가능한 대화창입니다. 브라우저 우측 하단의 알림혈 대화창 출력도 가능합니다.
- 라이센스 MIT - 사용 방법 1. 파일 상단에 jQuery 라이브러리와 newAlert JS, CSS 파일 링크를 걸어줍니다. 2. 필요하면 최신 글꼴과 아이콘 CSS도 링크해줍니다. 3. 상단에 표시될 경고창 영역을 코딩해줍니다. 4. newAlert 스크립트를 실행합니다. icon: 아이콘 이름 (check, exclamation, triangle, exclamation-c, bell, bell-slash, block, comment, commments, times) type: 경고창 타입 (warning, danger, success, grey, dark) text: 경고 메세지 time: 메세지 출력 시간 dismiss: 닫기버튼(true,false) - 작동 예제
안녕하세요 모달을 이용하여 Alert, Confirm 창을 많이들 사용하고 있으시죠? JQuery 를 이용하여 쉽게 Alert, Confirm, Window 창을 생성할 수 있는 자료를 소개해 드릴까 합니다. ^^; 압축파일을 다운로드 받으시면 test.html 파일을 만들어 두었습니다. ( 원자료의 사이트에서는 샘플 파일을 제공하지 않아서 만들어서 첨부했어요 ^^ ) 스타일을 호출해 주세요. 모달창의 크기 및 레이아웃 관련 스타일 입니다. 스크립트를 호출합니다. 본문을 구성 합니다. 버튼 생성이라 보시는게 맞을듯 합니다. 모달창을 셋팅 합니다. var dialogManager = new DialogsManager.Instance(); //Instance 생성합니다. 한페이지에 1개의 Instance 만..