notifyMe.js Examples

Example #1 (Built-in Example)

          Run Code
          
            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');
               } 
            });
          
        

Example #2

          Run Code
          
              notifyMe.create({
                type: 'success', // Types are: ['info', 'warning', 'success', 'error'], optional field with default value: 'info'
                title: 'NotifyMe Success Example', //required field
                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent consequat enim non sapien venenatis sollicitudin'// required field
              });
          
      

Example #3

          Run Code
          
            notifyMe.create({
              position: 'bottomLeft',//Positions are: ['topRight', 'topLeft', 'bottomLeft', 'bottomRight'],optional field with default value: 'topRight'
              type: 'error', // Types are: ['info', 'warning', 'success', 'error'], optional field with default value: 'info'
              title: 'NotifyMe Error Example', //required field
              text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent consequat enim non sapien venenatis sollicitudin'// required field
            });
          
        

Example #4

          Run Code
          
            notifyMe.create({
              position: 'bottomRight',//Positions are: ['topRight', 'topLeft', 'bottomLeft', 'bottomRight'],optional field with default value: 'topRight'
              type: 'warning', // Types are: ['info', 'warning', 'success', 'error'], optional field with default value: 'info'
              title: 'NotifyMe Warning Example with 10000ms timeout', //required field
              text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent consequat enim non sapien venenatis sollicitudin', // required field
              timeout: 10000, // Remove notification after timeout expire, optional field without default value
              closeBtn: false //Shows a close button, true or false, optional field with default value: true
            });