ModAlert (Front-End) - замена стандартным alert сообщениям для DLE

ModAlert (Front-End) - замена стандартным alert сообщениям

ModAlert (Front-End) - замена стандартным alert сообщениям

Простые и симпатичные окошки уведомлений в замен стандартным alert сообщениям.
Сообщения отображаются в правом верхнем углу:
ModAlert (Front-End) - замена стандартным alert сообщениям


По умолчанию прописаны 4 основных статуса:
success - Успешно
info - Информация
warning - Внимание!
error - Ошибка

Количество статусов не ограничено, можно добавить свои и оформить их в файле стилей как душе угодно.

Пример вызова окна:
ModAlert.addAlert({
	type: 'success',
	title: 'Свой заголовок',
	text: 'Текст сообщения в блоке',
});


Перечень параметров:
type: '',        //тип блока, по умолчанию в стилях прописаны: success, info, warning и error
title: '',       //заголовок. Если заголовок не указан, но указан тип, заголовок будет взят от типа
text: '',        //текст сообщения
timeout: 3000,   //время показа блока
autohide: true,  //автоматически скрывать блок по истечению времени
showicon: true,  //показывать иконку
showtitle: true,  //показывать заголовок


Более подробно с функционалом можно ознакомиться на демо странице. Там же встроен конструктор-генератор.
Демо: https://sandev.pro/demo/ModAlert.php

Исходники можно скачать на GitHub


С уважением,
Олег Александрович a.k.a. Sander
Комментарии: (2)
  1. foto
    Посетитель 15 мая 2018 04:02 #
    Было бы не плохо написать современный аналог гриттера, позволяющий задавать для каждого окна свои правила появления, анимацию, место появления, таймаут показа, и функции обработчиков перед созданием элемента, после открытия, перед закрытием, после удаления элемента.
    0
    1. foto
      Администратор 15 мая 2018 13:54 #
      Переписал код.
      Сделал его использование более гибким.
      Для начала считаю этого пока достаточно. Будет настроение, может и продолжу.
      0
Добавить комментарий
  • Логин
  • E-mail (не обязательно)
Повторите рисунок:
antibot
© Sander-Development. 2009-2018.
При копировании, ссылка на источник обязательна.