За последние 24 часа нас посетил 16771 программист и 1619 роботов. Сейчас ищут 1789 программистов ...

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

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

  1. dava002

    dava002 Новичок

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

    Собственно сам код
    Код (Javascript):
    1. <script type="text/javascript"><!--
    2. $('#button-oneclick').on('click', function() {
    3.     $.ajax({
    4.         url: 'index.php?route=checkout/one_click/add',
    5.         type: 'post',
    6.         data: $('#oneclick input[type=\'text\'], #oneclick input[type=\'hidden\']'),
    7.         dataType: 'json',
    8.         beforeSend: function() {
    9.             $('#button-oneclick').button('Загрузка');
    10.         },
    11.         complete: function() {
    12.             $('#button-oneclick').button('reset');
    13.         },
    14.         success: function(json) {
    15.             $('.alert, .text-danger').remove();
    16.             $('.form-group').removeClass('has-error');
    17.             if (json['error']) {
    18.                 if (json['error']['telephone']) {
    19.                     $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['telephone'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    20.                     $('html, body').animate({ scrollTop: 0 }, 'slow');
    21.                 }
    22.                 if (json['error']['product']) {
    23.                     $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['product'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    24.                     $('html, body').animate({ scrollTop: 0 }, 'slow');
    25.                 }
    26.                 if (json['error']['order']) {
    27.                     $('.breadcrumb').after('<div class="alert alert-danger text-danger">' + json['error']['order'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    28.                     $('html, body').animate({ scrollTop: 0 }, 'slow');
    29.                 }
    30.             }
    31.             if (json['success']) {
    32.                 $('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    33.                 $('html, body').animate({ scrollTop: 0 }, 'slow');
    34.             }
    35.         },
    36.         error: function(xhr, ajaxOptions, thrownError) {
    37.             alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
    38.         }
    39.     });
    40. });
    41. //--></script>