Перейти к содержанию
Absalem

Форма исчезает, затемнение экрана остается

Рекомендуемые сообщения

Добрый день! Помогите, пожалуйста, я в скриптах не особо разбираюсь, не могу понять, как сделать, чтобы когда после успешной отправки форма исчезает, исчезало и затемнение.
Код:

Скрытый текст

<div id="myform" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <p id="myModalLabel center" class="callbackp center">Запрос звонка</p>
        </div>
            <div class="modal-body">
                <form id="ajax-contact-form" class="form_online" action="" method="post">
			
                <div class="form-group"><label class="no">Имя</label>
                <input type="text" class="form-control name" placeholder="Как к Вам обращаться?" name="name" required="">
                </div>

                <div class="form-group"><label class="no">Телефон</label>
                <input id="tel" class="form-control phone" placeholder="Введите номер" name="tel" required="">
                </div>
				<input type="hidden" id="userurl"  name="userurl" value="<?php echo (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>" />
                <div class="form-group"><label class="no">Что Вас интересует?</label>
                <textarea class="form-control" placeholder="Задайте вопрос или укажите доп. контакты (можно оставить пустым)" name="message" ></textarea>
                </div>
				
                <button class="btn" data-dismiss="modal" aria-hidden="true">отмена</button>
				<button type="submit" class="btn btn-primary pull-right" data-toggle="modal" data-loading-text="Отправка...">Отправить!</button>	
				
				</form>
		   <div id="note"></div>
        </div>
    </div>
  </div>
</div>

<script src="catalog/view/javascript/jquery.maskedinput.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
$("#ajax-contact-form").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "catalog/controller/module/contact.php",
data: str,
success: function(msg) {
if(msg == 'OK') {
result = '<div class="H3 notification_ok">Ваша заявка была отправлена, ожидайте звонка в ближайшее время!</br>(мы работаем с 10.00 до 20.00 по московскому времени)</div>';
$("#ajax-contact-form").hide();
$('#myform').delay(5000).fadeOut("slow");
} else {
result = msg;
}
$('#note').html(result).fadeIn();
}
});
return false;
});
});
</script>

 

 

Изменено пользователем Absalem

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всем спасибо за активное участие :) Я перерыла кучу инфы и в итоге разобралась - пишу здесь, вдруг кому пригодится.
Я посмотрела див, который затемняет экран, у него был класс modal-backdrop, и в скрипт, там где идёт закрытие формы, я добавила строчку 

$('.modal-backdrop').delay(3000).fadeOut("slow");

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.