Помогите подкорректировать скрипт onclick

Тема в разделе "JavaScript", создана пользователем dava002, 18 окт 2017.

  1. dava002

    dava002

    Регистрация:
    13 июл 2015
    Сообщения:
    0
    Симпатии:
    0
    Здравствуйте, уважаемые участники форума. Т.к. в javascript я нуб прошу у вас помощи. Есть скрипт который при нажатии на кнопку #button-oneclick происходит скролл к breadcrumb и выход сообщения error или success. Нужно что бы при нажатии на кнопку #button-oneclick выходило модальное окно с одним из этих сообщений. Заранее благодарю откликнувшихся на мой призыв о помощи!
    P.S. Если что то не до рассказал прошу не судить строго и задать вопрос)

    Собственно сам код
    Код:
    <script type="text/javascript"><!--
    $('#button-oneclick').on('click', function() {
        $.ajax({
            url: 'index.php?route=checkout/one_click/add',
            type: 'post',
            data: $('#oneclick input[type=\'text\'], #oneclick input[type=\'hidden\']'),
            dataType: 'json',
            beforeSend: function() {
                $('#button-oneclick').button('Загрузка');
            },
            complete: function() {
                $('#button-oneclick').button('reset');
            },
            success: function(json) {
                $('.alert, .text-danger').remove();
                $('.form-group').removeClass('has-error');
     
                if (json['error']) {
                    if (json['error']['telephone']) {
                        $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['telephone'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                        $('html, body').animate({ scrollTop: 0 }, 'slow');
                    }
                    if (json['error']['product']) {
                        $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['product'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                        $('html, body').animate({ scrollTop: 0 }, 'slow');
                    }
                    if (json['error']['order']) {
                        $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['order'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                        $('html, body').animate({ scrollTop: 0 }, 'slow');
                    }
                }
     
                if (json['success']) {
                    $('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
    //--></script>