Как реалиазовать корзину магазина? 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" соответственно авто нажатие только выбрасывает окно - заполните поле.

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

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