alertifyjs.com Open in urlscan Pro
185.199.109.153  Public Scan

Form analysis
0 forms found in the DOM

Text Content

 * 
 * Getting Started
 * Components
   * Alert
   * Confirm
   * Prompt
   * Notifier
 * Dialogs Factory
 * Examples
 * Tutorials

AlertifyJS is a javascript framework for developing pretty browser dialogs and
notifications.

View on GitHub Download
Provision MongoDB clusters in minutes. Get $100 free credit.ads via Carbon

--------------------------------------------------------------------------------

All of AlertifyJS animation/transition effects are disabled due to user
preference that the system minimizes the amount of animation or motion it uses.
See prefers-reduced-motion CSS media feature.


FEATURE-RICH

Packed with awesome features! Modal and Modelss view modes, Move, Resize and
more!


EXTENSIBLE

Extend existing dialogs, or create your own! using AlertifyJS is very
straightforward.


UNOBTRUSIVE NOTIFICATIONS

Unobtrusive notification messages can be used to give feedback to users.


THEMEABLE

Three themes right out-of-the-box (AlertifyJS, Semantic and Bootstrap). view
example


RESPONSIVE

Whether you use a desktop, laptop, tablet or mobile device. Have no worries!


I18N AND RTL SUPPORT

Different language or a right-to-left layout! AlertifyJS got you covered. view
example

--------------------------------------------------------------------------------


ALERTIFYJS NOT ONLY PROVIDES A REPLACEMENT FOR DEFAULT BROWSER DIALOGS, IT MAKES
IT SUPER EASY TO CREATE YOUR OWN!


if(!alertify.myAlert){
  //define a new dialog
  alertify.dialog('myAlert',function(){
    return{
      main:function(message){
        this.message = message;
      },
      setup:function(){
          return { 
            buttons:[{text: "cool!", key:27/*Esc*/}],
            focus: { element:0 }
          };
      },
      prepare:function(){
        this.setContent(this.message);
      }
  }});
}
//launch it.
alertify.myAlert("Browser dialogs made easy!");


Run Example Documentation



DEFAULT DIALOGS

--------------------------------------------------------------------------------

AlertifyJS


ALERT

OK


alertify
  .alert("This is an alert dialog.", function(){
    alertify.message('OK');
  });


Run Example Documentation

--------------------------------------------------------------------------------

AlertifyJS


CONFIRM

OK
Cancel


alertify.confirm("This is a confirm dialog.",
  function(){
    alertify.success('Ok');
  },
  function(){
    alertify.error('Cancel');
  });


Run Example Documentation

--------------------------------------------------------------------------------

AlertifyJS


PROMPT

Default value
OK
Cancel


alertify.prompt("This is a prompt dialog.", "Default value",
  function(evt, value ){
    alertify.success('Ok: ' + value);
  },
  function(){
    alertify.error('Cancel');
  })
  ;


Run Example Documentation


DEFAULT NOTIFICATIONS

--------------------------------------------------------------------------------

AlertifyJS
Success


  // success notification
  // Shorthand for:
  // alertify.notify( message, 'success', [wait, callback]);
  alertify.success('Success message');


Run Example Documentation

--------------------------------------------------------------------------------

AlertifyJS
Error


  // error notification
  // Shorthand for:
  // alertify.notify( message, 'error', [wait, callback]);
  alertify.error('Error message');


Run Example Documentation

--------------------------------------------------------------------------------

AlertifyJS
Warning


  // warning notification
  // Shorthand for:
  // alertify.notify( message, 'warning', [wait, callback]);
  alertify.warning('Warning message');


Run Example Documentation

--------------------------------------------------------------------------------

AlertifyJS
Message


  // default notification
  // Shorthand for:
  // alertify.notify( message, [type, wait, callback]);
  alertify.message('Normal message');


Run Example Documentation



Report an issue | View on GitHub | Follow Me on GitHub and Twitter
Created by Mohammad Younes | Licensed under GPLv3
www.rtlcss.com
www.isResponsive.com
www.keycdn.com