JavaScript | js - Удаление сообщения по истечении времени
Тема закрыта by
DELETED
Причина: решён, всё чётко
Причина: решён, всё чётко
DELETED
Автор
5 сентября 2017, в 10:09
Delete
Аяксом отправляю запросы и обработчик возвращает в этот же блок сообщения валидатора.
Вопрос: как сделать, чтобы после возврата сообщения, оно через какое-то время исчезало, то есть менялось опять на стандартное (типа стереть, очистить сообщение).
$(function () {
$('#form_login').submit(function (e) {
e.preventDefault();
var data = $(this).serialize();
$.ajax({
type: 'POST',
url: 'mod/mod_login.php',
data: data,
success: function (alert) {
$('#alert').html(alert).html();
if (!alert) {
$('#block').load('page/page_up_reg.php');
}
}
});
});
});
Если еще с каким-нибудь эффектом типа затухания, то вообще цены не будет совету
p.s. Пробовал fadeOut, но сообщение просто затухает и стандартное не выводится.
Спасибо.
________
посл. ред. 05.09.2017 в 10:12; всего 2 раз(а); by PhpStorm
Че то нифига не понял, можешь подробнее и со скринами?
DELETED
Автор
5 сентября 2017, в 10:46
Delete
Dizzy221 (05.09.2017 в 10:40)
Че то нифига не понял, можешь подробнее и со скринами?
Че то нифига не понял, можешь подробнее и со скринами?
Есть блок
<div id="alert">Стандартная надпись</div>
В него сверху грузим сообщение с обработчика, которое перекрывает стандартную надпись.
Теперь если я делаю затухание, например, то сообщение обработчика затухает и див становится чистым.
Нужно убрать сообщение обработчика через какое-то время, но оставить в блоке стандартную надпись.
________
посл. ред. 05.09.2017 в 10:47; всего 1 раз(а); by PhpStorm
PhpStorm, аа, так в чем трабл?
setInterval + плавная анимация, можно js, можно css даже
setInterval + плавная анимация, можно js, можно css даже
PhpStorm,
________
посл. ред. 05.09.2017 в 11:23; всего 2 раз(а); by steel97
var prevContent = '';
$(function () {
$('#form_login').submit(function (e) {
e.preventDefault();
var data = $(this).serialize();
$.ajax({
type: 'POST',
url: 'mod/mod_login.php',
data: data,
success: function (alert) {
prevContent = $('#alert').html();
$('#alert').html(alert).html();
$('#alert').fadeOut(250, function() {
$('#alert').html(prevContent);
$('#alert').show();
});
if (!alert) {
$('#block').load('page/page_up_reg.php');
}
}
});
});
});
________
посл. ред. 05.09.2017 в 11:23; всего 2 раз(а); by steel97
DELETED
Автор
5 сентября 2017, в 12:36
Delete
steel97 (05.09.2017 в 11:19)
PhpStorm,
PhpStorm,
var prevContent = '';
$(function () {
$('#form_login').submit(function (e) {
e.preventDefault();
var data = $(this).serialize();
$.ajax({
type: 'POST',
url: 'mod/mod_login.php',
data: data,
success: function (alert) {
prevContent = $('#alert').html();
$('#alert').html(alert).html();
$('#alert').fadeOut(250, function() {
$('#alert').html(prevContent);
$('#alert').show();
});
if (!alert) {
$('#block').load('page/page_up_reg.php');
}
}
});
});
});
работает, благодарю