@GMBukin

Как заменить модальное окно в JS на открытие новой страницы?

Всем привет. Есть такой трешевый кусок скрипта
}),$(".for-input").focus(function(){$(this).parent(".for-row").addClass("label-active")}),$(".for-input").blur(function(){$(this).parent(".for-row").removeClass("label-active")}),$(".call-me").click(function(){$(".modal-header h3").replaceWith('<h3 class="modal-title text-uppercase text-center"> Позвоните мне </h3>')}),$(".take-it").click(function(){$(".modal-header h3").replaceWith('<h3 class="modal-title text-uppercase text-center"> Заказать </h3>')}),$("input#phone").mask("+7 (999) 999-9999"),$("input, textarea").placeholder();var shakedAjax=function(){setTimeout(function(){$("form.ajax").find("fieldset").removeClass("wow shake animated")},500)},removEr=function(){$(".for-input").focus(function(){$(".for-input").removeClass("error")})};$("form.ajax").submit(function(e){e.preventDefault();var valid_cont_phone=$(this).find("input#phone").val().length;if($(this).find("#name").length){var valid_cont_name=$(this).find("input#name").val().length;if(17!=valid_cont_phone&&2>valid_cont_name)return $(this).find("input#phone").addClass("error"),$(this).find("input#name").addClass("error"),$(this).find("fieldset").addClass("wow shake animated"),shakedAjax(),removEr(),!1;if(17!=valid_cont_phone)return $(this).find("input#phone").addClass("error"),$(this).find("fieldset").addClass("wow shake animated"),shakedAjax(),removEr(),!1;if(2>valid_cont_name)return $(this).find("input#name").addClass("error"),$(this).find("fieldset").addClass("wow shake animated"),shakedAjax(),removEr(),!1}else if(17!=valid_cont_phone)return $(this).find("input#phone").addClass("error"),$(this).find("fieldset").addClass("wow shake animated"),shakedAjax(),removEr(),!1;$.ajax({type:"POST",url:"mail.php",data:$(this).serialize(),success:function(data){"ok"==data?($("#gridSystemModal").modal(),$(".modal-content").css("display","block").animate({opacity:1,top:"50%"},200),$(".callback").css("display","none"),$("#success").css("display","block")):($("#gridSystemModal").modal(),$(".modal-content").css("display","block").animate({opacity:1,top:"50%"},200),$(".callback").css("display","none"),$("#fail").css("display","block"))},error:function(){$("#gridSystemModal").modal(),$(".modal-content").css("display","block").animate({opacity:1,top:"50%"},200),$(".callback").css("display","none"),$("#fail").css("display","block")}})}),$("a[href=#advan], a[href=#product]").bind("click",function(s){var anchor=$(this);$("html, body").stop().animate({scrollTop:$(anchor.attr("href")).offset().top},1e3),s.preventDefault()}),setInterval(function(){animateDottedList()},1e3),$("#gridSystemModal").on("hidden.bs.modal",function(){$(".callback").css("display","block"),$("#success").css("display","none"),$("#fail").css("display","none"),$("input:text").val(""),$("input#phone").val(""),$(".for-input").removeClass("error")})});

И использующий сиё в html
<div class="lv-move" data-position="before" data-form="3" data-field="fio">
    <div class="modal-header">
							      <h3 class="modal-title text-uppercase text-center"> Заказать </h3>
							    </div>
</div>
						</div>
		
						<div id="success" class='text-center'><h3>Спасибо за обращение!<br>Мы обязательно с Вами свяжемся.</h3></div>
						<div id="fail" class='text-center'><h3>Ошибка на сервере.<br>Повторите запрос позже.</h3></div>
		
					  </div><!-- /.modal-content -->
					</div><!-- /.modal-dialog -->


Как сделать чтобы при success открывалось страница success.html вместо модального окна. А в случае false, вылезало окно с ошибкой.
Спасибо за помощь и ответы!
  • Вопрос задан
  • 228 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Начало скрипта обрезано, но вообще достаточно заменить
success: function(data) {
        "ok" == data ? ($("#gridSystemModal").modal(), $(".modal-content").css("display", "block").animate({
            opacity: 1,
            top: "50%"
        }, 200), $(".callback").css("display", "none"), $("#success").css("display", "block")) : ($("#gridSystemModal").modal(), $(".modal-content").css("display", "block").animate({
            opacity: 1,
            top: "50%"
        }, 200), $(".callback").css("display", "none"), $("#fail").css("display", "block"))
    },

на
success: function(data) {
        if ("ok" == data) {
             window.location = 'http://google.com'
        }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект