The simple JavaScript notifications for Web support with image and font awesome icons
- jquery.notify.css
<link type="text/css" rel='stylesheet' href="./jquery.notify.css"/>
- jquery.min.js
<script type="text/javascript" src="./jquery.min.js"></script>
- jquery.notify.min.js
<script type="text/javascript" src="./jquery.notify.min.js"></script>
- mynotify.js
<script type="text/javascript" src="./mynotify.js"></script>
- use notifAll to display a notify for info, success, warning or error
// Display an info notif with no title IMG | (n2 is a name of png/jpg file)/(time in the ms)
notifAll('', 'IMG [On]','n2', 'info', 10000, false, true,false,"right", "bottom");
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/regular.css" />
// Display an info notif with no title FA <i> | (n2 is a name of png/jpg file)/(time in the ms)
notifAllf('', 'ICO [On]','<i class="fa-solid fa-paper-plane fa-xl"></i>', 'info', 10000, false, true,false,"right", "bottom");
Fa | em | px |
---|---|---|
fa-xs | 0.75em | 12px |
fa-sm | 0.875em | 14px |
fa-lg | 1.25em | 20px |
fa-xl | 1.5em | 24px |
fa-2xl | 2em | 32px |
If this project help you, you can give me a tip ;)
- This version has been created by: Mortadha DAHMANI
- Initial Release : 25 Mars 2021
- Web-Notification is distributed under the LGPL version 3 license.