Put these files into the <head> section of the page:
<!-- JQUERY -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<!-- ALERT -->
<link href="alert/css/alert.css" rel="stylesheet" />
<link href="alert/themes/default/theme.css" rel="stylesheet" />
<script src="alert/js/alert.js"></script>
<link href="alert/themes/default/theme.css" rel="stylesheet" />
<link href="alert/themes/dark/theme.css" rel="stylesheet" />
<link href="alert/themes/light/theme.css" rel="stylesheet" />
$.alert.open('Lorem ipsum dolor sit amet');
$.alert.open('confirm', 'Lorem ipsum dolor sit amet');
$.alert.open('warning', 'Lorem ipsum dolor sit amet');
$.alert.open('error', 'Lorem ipsum dolor sit amet');
$.alert.open('prompt', 'Lorem ipsum dolor sit amet');
$.alert.open('Lorem ipsum dolor sit amet', {
someId: 'Abc',
otherId: 'Def'
});
$.alert.open('confirm', 'Lorem ipsum dolor sit amet', function(button) {
if (button == 'yes')
$.alert.open('You pressed the "Yes" button.');
else if (button == 'no')
$.alert.open('You pressed the "No" button.');
else
$.alert.open('Alert was canceled.');
});
$.alert.open('prompt', 'Lorem ipsum dolor sit amet', function(button, value) {
if (button == 'ok')
$.alert.open(value || 'No value has been entered');
});
$.alert.open('Lorem ipsum dolor sit amet', {A: 'A', B: 'B', C: 'C'}, function(button) {
if (!button)
$.alert.open('Alert was canceled.');
else
$.alert.open('You pressed the "' + button + '" button.');
});