Автозакрытие alert у Bootstrap 3?

Question

[Mesuti]

Привет!
Есть форма обратной связи с двумя alert об успешной отправке письма или ошибке.
Как сделать автозакрытие этого alert через определенное время?

Сложность в том, что они формируются в php отправке письма.
Можно ли прописать решение прямо в php файле или есть js скрипт для автозакрытия алертов , если они появляются на странице?
Вот код:

$result = '';
	if (mail ($to, $subject, $body, $headers)) {
		$result .= '<div class="alert alert-success alert-dismissible" role="alert">';
 		$result .= '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
		$result .= 'УСПЕШНО ОТПРАВЛЕНО!';
		$result .= '</div>';

		echo $result;
		die();
	}

	$result = '';
	$result .= '<div class="alert alert-danger alert-dismissible" role="alert">';
	$result .= '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
	$result .= 'ОШИБКА ОТПРАВКИ';
	$result .= '</div>';

	echo $result;

Нашел один пример автозакрытия, но я не могу его адаптировать в свой код.
https://codepen.io/CSWApps/pen/XJoLmN

Answer 1

[Максим Тимофеев]

а зачем писать велосипед?
alertifyjs.com/notifier.html

Comments

[Mesuti]

я так понял это плагин? к сожалению, не подходит вариант устанавливать что-то еще.
ищу решение к текущему проекту

[Максим Тимофеев]

Александр Сорокин, То есть boostrap - это не напряжно, а +1 малюсенький js - не подходит? А Ваше решение, Ваш код, не будет плагином? В чем разница между тем что Вы напишите и тем что я дал?

[Mesuti]

Максим Тимофеев, Хорошая мысль. Подскажете, тогда как вызвать Js скрипт в текущем php коде?
Будет ли он рабочим, если оформить script /script внутри php ? Верно ли я оформил:

$result = '';
	if (mail ($to, $subject, $body, $headers)) {
		$result .= '<script>alertify.success('Success notification message.'); </script>';
 		
		echo $result;
		die();
	}

	$result .= '<script>alertify.warning('Warning notification message.'); </script>';
	
	echo $result;

[Максим Тимофеев]

Александр Сорокин, должен работать, хотя код конечно так себе. Что мешает проверить?

Answer 2

[profesor08]

Используй https://ned.im/noty/#/
Настраивай как хочешь. В результате получишь то, что тебе надо.

Либо вставь таймаут и вызывай код.
$(".alert").alert("close")

$(".alert").fadeOut();
$(".alert").slideUp();
$(".alert").hide();

Comments

[Mesuti]

спасибо за ответ!
однако, мне надо найти решение в текущем проекте.
если это новый, то конечно, имеет смысл установить Ваше решение