Как реалиазовать корзину магазина? Ajax обновление цен от количества без обновления

@cyberbro · Регистрация: 14.01.2017

Студворк — интернет-сервис помощи студентам

Идея в следующем:

имеется стандартная корзина покупателя для оформления

Как реалиазовать корзину магазина? Ajax обновление цен от количества без обновления

имеется цена, input text для ввода кол-ва, кнопка обновить(синий кружок), итоговая сумма по позиции и итоговая по всей корзине.

добавил кнопки - и + для изменения input'а вид такой:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
            <div class="opt-quontity">
 
            <span class="quont-plus btn">+</span>
           <input type="text"
                   onblur="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
                   onclick="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
                   onchange="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
                   onsubmit="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
                   title="<?php echo  vmText::_('COM_VIRTUEMART_CART_UPDATE') ?>" class="quantity-input js-recalculate" size="3" maxlength="4" name="quantity[<?php echo $pkey; ?>]" value="<?php echo $prow->quantity ?>" />
 
            <span class="quont-minus btn">-</span>
                   </div>

сами кнопки реализованы так:

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
jQuery(document).ready(function($) {
        $('.quont-minus').click(function () {
        document.getElementById("updatecart").click();
            var $input = $(this).parent().find('input');
            var val = +$input[0].defaultValue;
            var count = parseInt($input.val()) - 1;
            count = count > val ? val : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.quont-plus').click(function () {
            var $input = $(this).parent().find('input');
            var val = +$input[0].defaultValue;
            $input.val(parseInt($input.val()) + 1);
            $input.change();
            return false;
        });
    });

никак не могу теперь цену завязать с ajax чтобы при клике на - или + цена без перезагрузки менялась.

наверняка тут уже спецы делали такое, подтолкните в нужном направлении... возможно не так реализовал - и + поэтому не могу далее задействовать..

подскажите гуру как и куда копать. что использовать

@cyberbro · 14.01.2017, 21:54 **[ТС]**

забыл написать..
document.getElementById("updatecart").cl ick(); так пробовал авто нажатие кнопки (синий кружок) обновления, т.к помимо этого есть поля ввода контактной информации с обязательным заполнением required="required" соответственно авто нажатие только выбрасывает окно - заполните поле.

да и все же хочется без обновления страницы.

Новые блоги и статьи Все статьи Все блоги /
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .

@cyberbro 0 / 0 / 0 Регистрация: 14.01.2017 Сообщений: 2
	14.01.2017, 21:54 [ТС]
	забыл написать.. document.getElementById("updatecart").cl ick(); так пробовал авто нажатие кнопки (синий кружок) обновления, т.к помимо этого есть поля ввода контактной информации с обязательным заполнением required="required" соответственно авто нажатие только выбрасывает окно - заполните поле. да и все же хочется без обновления страницы. 0