Таймер за съобщение?

[streleca_stz]

Здравейте!
Опитвам се да направя една форма за изпращане на форма с AJAX, но изниква проблем с показването на съобщенията.
Имам следният код:[js] $(document).ready(function(){
$('form').on('submit', function (e) {
$.ajax({
type: 'post',
url: 'forgotten.php',
data: $('form').serialize(),target: '#success',
success: function (data) {
$('#submit').css('display','none');
$('#message').html(data);
$('#message').slideDown('slow');
}
});
e.preventDefault();
});
});[/js]Как мога да направя така, че всяко съобщение, което върне да се показва за да речем 5 секундии след това обратно бутонът за изпращане на формата да се покаже? (в сегашният вид скрива бутона и показва на негово място съобщението)

 

[anonimen]

Това би трябвало да свърши работа.
[js]$(document).ready(function() {
$('form').on('submit', function(e) {
$.ajax({
type : 'post',
url : 'forgotten.php',
data : $('form').serialize(),
target : '#success',
success : function(data) {
var sec = 5;//колко секунди да се вижда съобщението
$('#submit').css('display', 'none');
$('#message').html(data);
$('#message').slideDown('slow');
setTimeout(function () {
$('#message').hide();
$('#submit').css('display', 'block');
}, sec * 1000);
}
});
e.preventDefault();
});
});
[/js]

 

[streleca_stz]

Това би трябвало да свърши работа.
[js]$(document).ready(function() {
$('form').on('submit', function(e) {
$.ajax({
type : 'post',
url : 'forgotten.php',
data : $('form').serialize(),
target : '#success',
success : function(data) {
var sec = 5;//колко секунди да се вижда съобщението
$('#submit').css('display', 'none');
$('#message').html(data);
$('#message').slideDown('slow');
setTimeout(function () {
$('#message').hide();
$('#submit').css('display', 'block');
}, sec * 1000);
}
});
e.preventDefault();
});
});
[/js]

Благодаря! А по принцип има ли вариант за по-плавна скриване и показване на елементите? Аз се пробвах с slideUp/Down или fade, но нещо се прецаква..

 

[anonimen]

Това го слагаш в success-частта:
[js]var sec = 5;//колко секунди да се вижда съобщението
$('#submit').slideUp(1000);
$('#message').html(data);
$('#message').slideDown(1000);
setTimeout(function () {
$('#message').slideUp(1000);
$('#submit').slideDown(1000);
}, sec * 1000);[/js]
Би трябвало да тръгне, не съм го пробвал. :idea:

 

[streleca_stz]

Това го слагаш в success-частта:
[js]var sec = 5;//колко секунди да се вижда съобщението
$('#submit').slideUp(1000);
$('#message').html(data);
$('#message').slideDown(1000);
setTimeout(function () {
$('#message').slideUp(1000);
$('#submit').slideDown(1000);
}, sec * 1000);[/js]
Би трябвало да тръгне, не съм го пробвал. :idea:

Перфектно е! Много благодаря!!! :?: