Показать сообщение отдельно
  #1 (permalink)  
Старый 19.11.2013, 21:41
Аватар для Alex57B
Интересующийся
Отправить личное сообщение для Alex57B Посмотреть профиль Найти все сообщения от Alex57B
 
Регистрация: 01.08.2013
Сообщений: 22

Показать кнопку
Всем привет!
Есть такой код
if(telephonetopvalid == true && nametoplen >= 4 && descworksvalid == true) {
				// если обе проверки пройдены
				// сначала мы скрываем кнопку отправки
				$("#sendtop").hide();
				$("#sendtop").after("<div class='otpravka'>отправка...</div>");
				
				$.ajax({
					type: 'POST',
					url: 'mailorder.php',
					data: $("#signuptop").serialize(),
					
					success: function(data) {
						
						$('.telephonetop, .fnametop, .descworks').val('');	
						
						$(".otpravka").replaceWith(data);
							$(".success_mess, .error_mess").delay(2000).fadeOut("slow");	
								$("#sendtop").show();
					},
					error: function(data) { 
					$('.telephonetop, .fnametop, .descworks').val('');	
					
					$(".otpravka").replaceWith("<div class='error_mess'>Ошибка на сайте! Сообщение не отправилось!</div>");
					$(".error_mess").delay(3000).fadeOut("slow");
					}
				});
				
			}


Что это такое:
После нажатия на кнопку она пропадает
появляется надпись "отправка..."
Затем эта надпись заменяется на то что ответит сервер (два варианта <div class="error_mess">Вы уже заказали, дождитесь звонка!</div> или <div class='success_mess'>Сообщение отправлено, спасибо!</div> )
после этого надпись ответа сервера заменяется снова на кнопку которая была до нажатия..

Сейчас в приведенном коде это так и проиходит, но только мгновенно и одновременно, как сделать чтобы последовательно выполнялись действия которые я описал выше. Помогите пожалуйста. Ман курил, не помогло.
Ответить с цитированием