Простой плагин оповещений, который использует стили стандартных Bootstrap алертов. Для его создания использовался плагин bootstrap-growl.
- Latest version of jQuery.
- Twitter Bootstrap. (current rev tested with 4.0.0) (Необязательно)
Подключите стили bootstrap или файл стилей hullabaloo.css
и hullabaloo.js
на свою страницу, Создайте главный объект hullabaloo и вызывайте.
// init
$.hulla = new hullabaloo();
// Задаем положение алерта и отступ от верха
$.hulla.options.offset = {
from: "top",
amount: 30
};
// Задаем расстояние между алертами
$.hulla.options.stackup_spacing = 15;
// Вызываем алерт
$.hulla.send("Добро пожаловать!", "success");
// Принудительная отмена группировки
$.hulla.send("Добро пожаловать!", "success", 0);
Можно настроить вызов ваших функций в разный момент жизни алерта
// Ф-ия выполнится как только алерт выведется на экран, но до того как он исчезнет
$.hulla.options.fnEnd = function() {
alert("Алерт вывелся и скоро исчезнет")
}
// Ф-ия выполнится еще до появления алерта на экран
$.hulla.options.fnStart = function() {
alert("Алерт скоро появится");
}
// Ф-ия выполнится как только алерт исчезнет с экрана
$.hulla.options.fnEndHide = function() {
alert("Алерт закрылся");
}
Изменение опций по умолчанию
$.hulla.options.<опция> = <значение>;
Список доступных опций:
Option | Default | Description |
---|---|---|
offset.from | top | Положение алерта по вертикали (top, bottom) |
offset.amount | 20 | Отступ алерта от границы экрана |
align | right | Положение алерта по горизонтале (left, right, center) |
stackup_spacing | 10 | Отступ между алертами |
width | 250 | Ширина алерта |
delay | 4000 | Задержка отображения |
allow_dismiss | true | Кнопка закрытия алерта |
text | Текст по умолчанию | |
icon.success | Иконка по умолчанию | |
icon.info | Иконка по умолчанию | |
icon.warning | Иконка по умолчанию | |
icon.danger | Иконка по умолчанию | |
icon.light | Иконка по умолчанию | |
icon.dark | Иконка по умолчанию | |
status | danger | Статус по умолчанию |
alertClass | empty | Дополнительные класс для блока алерта |