Star

JavaScript Toast notifications

This script has less than 1 Kbyte

The jSuites.notification is a lightweight JavaScript toast-like to notify the user with a quick message in the corner of the screen.


The notification will hide after four seconds unless otherwise specified.




Source code

<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<input type='button' value='Show notification' class='jbutton dark' id='notification' />
<input type='button' value='Show error' class='jbutton dark' id='notification-error' />

<script>
document.getElementById('notification').onclick = function() {
    jSuites.notification({
        name: 'Jsuites toast notification',
        message: 'Successfully Update',
    })
}

document.getElementById('notification-error').onclick = function() {
    jSuites.notification({
        error: 1,
        name: 'Error message',
        message: 'Something went wrong',
    })
}
</script>
</html>