notifyme.js's Introduction

notifyMe.js

notifyMe.js is a pure lightweight JavaScript library to create graphical text notifications on screen corners. It has no jQuery dependecy. You only need to load the javascript and css files to your page, and use the simple API to start launching notifications on your page. It is tested on Chrome, Firefox, Opera, Safari and IE 9+. It benefits CSS3 transitions when they are available.

Demo page: http://www.ayberkakici.com/notifyMe.js

##Setting Up

Please include the CSS and JS files!

 <link rel="stylesheet" href="styles/notifyMe.min.css">
 <script src="js/notifyMe.min.js"></script>

##Usage


notifyMe.create({
    position: 'topLeft', //Positions are: ['topRight', 'topLeft', 'bottomLeft', 'bottomRight'],optional field with default value: 'topRight'
    type: 'info', // Types are: ['info', 'warning', 'success', 'error'], optional field with default value: 'info'
    title: 'NotifyMe Example with 5000ms timeout', //required field
    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent consequat enim non sapien venenatis sollicitudin', //required field
    timeout: 5000, //Remove notification after timeout expire, optional field without default value
    pauseOnHover: true, //Pause the timeout when mouse is over the notification, true or false, optional field with default value: false
    closeBtn: true, //Shows a close button, true or false, optional field with default value: true
    addClass: 'additional-class', // Add 'additional-class' into existing class names, optional field without default value
    click: function(){ //Click event handler function, optional field without default value
        alert('clicked');
    }
});

Recommend Projects