plain javascript popup plugin


NOTI is a notifier plugin written in plain JavaScript with no dependecies needed. Just load it and fire it up. It’s fully custimizable via plugin options and CSS.



install github





install

        
          <!-- include noti stylesheet -->
          

          <link rel="stylesheet" type="text/css" href="noti.min.css">
          

          

          <!-- include noti script -->
          

          <script src="noti.min.js"></script>





context

NOTI provides four context types: default, success, warning and error




position

NOTI provides six positions: top-left, top-center, top-right, bottom-left, bottom-center and bottom-right




switch theme








api

        
          var myNoti = noti({

              content: 'My super awesome content!!!',

              autoOpen: false

          });
          

          

          myNoti.open();
          

          

          myNoti.close();


options

        
          noti({

              // Changes the context ui theme. Available states: 'default', 'success', 'warning' & 'error'

              type: 'default',

              // Sets the content of the notifier

              content: '',

              // Sets the notifier position. Available positions: 'top-left', 'top-center', 'top-right', 'bottom-right', 'bottom-center', 'bottom-left'

              position: 'top-right',

              // Auto opens the notifier

              autoOpen: true,

              // Sets the autoOpen delay in miliseconds

              autoOpenDelay: 10,

              // Sets the autoClose delay in miliseconds

              autoClose: false,

              // Sets the autoClose delay in miliseconds

              autoCloseDelay: 1500

          });