웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 떠다니는 Growl 스타일 알림 - Flyaler jQuery 플러그인 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 떠다니는 Growl 스타일 알림 - Flyaler jQuery 플러그인

해피CGI윤실장 2025. 1. 24. 09:23

- 플러그인 설명

Flyaler는 jQuery를 위한 가볍고 간단한 알림 시스템입니다. 개발자는 눈에 띄지 않는 "growl-style" 알림 상자를 만들어 사용자에게 다양한 상태나 메시지를 알릴 수 있습니다.

 

이러한 알림은 성공, 오류, 위험, 경고 및 사용자 지정 유형을 포함한 다양한 유형을 지원합니다. 

각 알림에는 제목, 설명 및 하단에 카운트다운 바가 포함되어 자동으로 닫힐 때까지 남은 시간을 표시합니다(기본값은 5초). 

이 플러그인은 사용자 피드백, 알림 및 실시간 업데이트를 위한 깔끔한 솔루션을 제공합니다. 

양식 제출 후 확인 메시지를 표시하거나, 사용자에게 오류를 알리거나, 워크플로를 방해하지 않고 간단한 상태 업데이트를 제공하는 데 유용합니다.





- 라이센스

MIT





- 사용 방법

1. 최신 jQuery 라이브러리를 로드한 후 필요한 flyalert.js 파일을 다운로드하여 로드합니다.





2. 그런 다음 함수를 호출하여 알림을 트리거할 수 있습니다 flyalert(). 함수는 제목, 설명, 알림 유형, 알림이 자체적으로 종료되기 전 기간(초)의 네 가지 매개변수를 사용합니다.





3. 
사용자 정의 알림 유형을 만들려면 CSS에서 사용자 정의 스타일을 지정할 수 있습니다.







- 작동 화면





 

Comments