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
Комментарии: (10)
  1. foto
    Посетитель 15 мая 2018 04:02 #
    Было бы не плохо написать современный аналог гриттера, позволяющий задавать для каждого окна свои правила появления, анимацию, место появления, таймаут показа, и функции обработчиков перед созданием элемента, после открытия, перед закрытием, после удаления элемента.
    0
    1. foto
      Администратор 15 мая 2018 13:54 #
      Переписал код.
      Сделал его использование более гибким.
      Для начала считаю этого пока достаточно. Будет настроение, может и продолжу.
      0
  2. foto
    Гость 23 мая 2018 23:23 #
    А будет реализация для DLE?
    0
    1. foto
      Администратор 24 мая 2018 09:39 #
      Открыть engine/classes/js/dle_js.js
      Найти код:
      function DLEalert(a,c){

      Заменить на:
      function DLEalert(a,c){return ModAlert.addAlert({type:'info',title:c,text:a});
      0
  3. foto
    Гость 24 мая 2018 17:20 #
    А можно пожалуйста более подробную инструкцию?
    Или сделать замену, как вы указали и создать просто стиль для info - он будет сам по себе исчезать?
    0
    1. foto
      Администратор 24 мая 2018 18:40 #
      Подключить JS и CSS из исходников и выполнить замену указанную выше.
      0
  4. foto
    Гость 24 мая 2018 21:27 #
    К сожалению не работает(
    0
    1. foto
      Администратор 24 мая 2018 22:52 #
      Работает. Проверял на dle 13.0
      0
  5. foto
    Клиент 8 июня 2018 08:52 #
    Спасибо за мод!

    А можно как-то реализовать чтобы разные окна всплывали, если ошибка то ошибка, если успех то успех. Я про это имею ввиду function DLEalert(a,c){return ModAlert.addAlert({type:'info',title:c,text:a});
    0
    1. foto
      Администратор 8 июня 2018 12:03 #
      Без множественных правок - никак.
      DLE сообщает только 2 параметра в функцию:
      1. Заголовок, который в 99% случаев "Информация"
      2. Текст сообщения/ошибки.

      Нигде не сообщается о типе и нет возможности это определить.
      0
Добавить комментарий
  • Логин
  • E-mail (не обязательно)
Повторите рисунок:
antibot
© Sander-Development. 2009-2018.
При копировании, ссылка на источник обязательна.