VPF::Проблема с отображением уведомления о покупке

Witaly90

Дата 20.12.2013, 05:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 20.12.2013

Репутация: нет
Всего: нет

Здравствуйте!
Проблема вот в чем:
При нажатии на кнопку "Купить" нужно рядом вывести картинку(галочку), чтобы человек видел, что он добавил.
Пример
Все к чему я пришел это появление галочки только в div первого товара, подскажите пожалуйста, что нужно поменять в файле , чтобы выводить галочки возле тех товаров, которые купили?
Отрывок category.tpl

HTML

<div class="cart">
     <script type="text/javascript">
     function addQtyToCart(product_id) {
          var qty = $('.item-' + product_id).val();
         if ((parseFloat(qty) != parseInt(qty)) || isNaN(qty)) {
             qty = 1;
            }
                   addToCart(product_id, qty);
                 }
</script>
               <input type="text" value="1" size="2" class="item-<?php echo $product['product_id']; ?>" />
                <input type="button" value="<?php echo $button_cart; ?>" onclick="addQtyToCart('<?php echo $product['product_id']; ?>');" class="button" />
      <div id="notification"></div>
      </div>

Отрывок common.js

Код


function addToCart(product_id, quantity) {
    quantity = typeof(quantity) != 'undefined' ? quantity : 1;

    $.ajax({
        url: 'index.php?route=checkout/cart/add',
        type: 'post',
        data: 'product_id=' + product_id + '&quantity=' + quantity,
        dataType: 'json',
        success: function(json) {
            $('.success, .warning, .attention, .information, .error').remove();
            
            if (json['redirect']) {
                location = json['redirect'];
            }
            
            if (json['success']) {
                $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '');
                
                $('.success').fadeIn('slow');
                
                $('#cart-total').html(json['total']);
                
                //$('html, body').animate({ scrollTop: 0 }, 'slow'); 
            }    
        }
    });
}

Буду бесконечно благодарен за любую помощь.
Спасибо!

JAYBE

Дата 9.1.2014, 13:49 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0

Для этого элемента <div id="notification"></div> лучше задать класс notification, а для <div class="cart"> задать id - id товара. Тогда при success можно будеть что-то делать с этим элементов - $('#id.cart .notification')[метод]();

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »