| Параметр | Значение |
|---|---|
| Категория | Другие скрипты |
| Добавил | uAdministrator |
| Дата публикации | 24.04.2024, 16:12 |
| Размер файла | 1.0 Kb |
| Авторский | |
| Адапт. дизайн | |
| Просмотрен | 104 |
Новая система уведомлений для вашего сайта. Мы не стали заморачиваться по поводу написания богатого функционала и написали только основные функции. Всего создано 6 окошек разных цветов под разные ситуации. При желании, вы можете добавить еще сколько угодно цветов и стилизовать каждое окошко по-своему. Стандартное окошко при клике по нему закрывается, но вы можете добавить свою функцию при клике.
Установка
1. В нижнюю часть сайта вставляем скрипт:
Панель управления → Управление дизайном → Глобальные блоки → Нижняя часть сайта
2. В CSS (Таблица стилей) вставляем стили:
Панель управления → Управление дизайном → Таблица стилей CSS
Установка завершена!
Функция вызова уведомления
id string - ID уведомления. На случай, если вы создадите несколько окошек с одинаковым ID, мы добавили к нему случайное числовое значение.
color string - цвет уведомления. Значение добавляется в качестве второго класса к элементу с классом "ualert". В CSS вы можете добавить любые стили к окошку определенного цвета и по желанию добавить еще окошки.
html string - текст уведомления. Допускается использование HTML.
time int - время "жизни" уведомления в миллисекундах. Укажите 0, если хотите, чтобы уведомление не исчезало.
obj object - дополнительные настройки окна. Пока что реализовано только событие клика по окошку (onclick string), при его указании это событие заменит закрытие окошка по клику. Значение onclick вставляется в атрибут onclick, поэтому функция записывается в string-виде.
Функция закрытия уведомления
Здесь все просто:
Где id - ID уведомления.
Функция настройки окошка
id string - ID уведомления, которое нужно изменить.
obj object - настройки уведомления. Ниже представлены доступные настройки.
color string - цвет уведомления.
html string - содержимое уведомления.
hide int - время "жизни" уведомления.
Пример кода:
Ты можешь быть первым, кто оставит комментарий к публикации!
| Всего комментариев: 0 | |