Live Price Update

[zik920]

Подскажите кто знаток в этом, есть скрипт и котроллер. Все работает замечательно, цена меняется, но когда я через +- (тоже скрипт) меняю количество, скрипт не срабатывает, кто-то может подправить? 

//--></script> 
<script type="text/javascript"><!--
$(document).on('click', '.number-spinner button', function () {    
  var btn = $(this),
    oldValue = btn.closest('.number-spinner').find('input').val().trim(),
    newVal = 1;
      
  if (btn.attr('data-dir') == 'up') {
    newVal = parseInt(oldValue) + 1;
  } else {
    if (oldValue > 1) {
      newVal = parseInt(oldValue) - 1;
    } else {
      newVal = 1;
    }
  }
  btn.closest('.number-spinner').find('input').val(newVal);
});
//--></script>

 

<script type="text/javascript"><!--
              $(document).ready(function() {
                $('#input-quantity').on('keyup', function() {
                  var currency =" {{ price }}";
                  var price = Number(currency.replace(/[^0-9\.-]+/g,""));
                  var qty = $(this).val();
                  var total = price * qty;
                  var priceText = $('#input-quantity').closest("#content").find("h2");
                  $.ajax({
                    url: 'index.php?route=product/product/pricetocurr',
                    type: 'get',
                    data:{'price': total},
                    dataType: 'json',
                    beforeSend: function() {
                      priceText.fadeOut();
                    },
                    complete: function() {
                    },
                    success: function(json) {
                      setTimeout(function(){
                          priceText.text(json['curr']);
                       }, 300);  // The millis to wait before executing this block
                      priceText.fadeIn();
                    }
                  });
                });
              });
            //--></script>

 public function pricetocurr() {

          		$json = array();
          		if(isset($this->request->get['price']) && is_numeric($this->request->get['price']) ) {
          			$curr = $this->currency->format($this->request->get['price'], $this->session->data['currency']);
          			$json['curr'] = $curr;
          		} else {
          			$json['error'] = 'error data';
          		}
          		$this->response->addHeader('Content-Type: application/json');
          		$this->response->setOutput(json_encode($json));
          	}

 

[zik920]

Попробовал так, все заработало, но начинает считать с 3 и считает как *2, где ошибка?
 

<script type="text/javascript"><!--
               $(document).ready(function() {
                $('.input-group-btn-my').on('click', function() {
                  var currency ="{{ price }}";
                  var price = Number(currency.replace(/[^0-9\.-]+/g,""));
                  var qty = $('#input-quantity').val();
                  var total = price * qty;
                  var priceText = $('#input-quantity').closest("#content").find("h2");
                  $.ajax({
                    url: 'index.php?route=product/product/pricetocurr',
                    type: 'get',
                    data:{'price': total},
                    dataType: 'json',
                    beforeSend: function() {
                      priceText.fadeOut();
                    },
                    complete: function() {
                    },
                    success: function(json) {
                      setTimeout(function(){
                          priceText.text(json['curr']);
                       }, 300);  // The millis to wait before executing this block
                      priceText.fadeIn();
                    }
                  });
                });
              });
            //--></script>

 

Змінено 3 лютого 2018 користувачем zik920

[zik920]

Все, нашел ошибку, она была не в этом скрипте, а в value +- 
Это 

<script type="text/javascript"><!--
$(document).on('click', '.number-spinner button', function () {    
  var btn = $(this),
    oldValue = btn.closest('.number-spinner').find('input').val().trim(),
    newVal = 1;
      
  if (btn.attr('data-dir') == 'up') {
    newVal = parseInt(oldValue) + 1;
  } else {
    if (oldValue > 1) {
      newVal = parseInt(oldValue) - 1;
    } else {
      newVal = 1;
    }
  }
  btn.closest('.number-spinner').find('input').val(newVal);
});
//--></script>

заменил на это 
 

<script type="text/javascript">
        $(document).ready(function() {
            $('.minus').click(function () {
                var $input = $(this).parent().find('input');
                var count = parseInt($input.val()) - 1;
                count = count < 1 ? 1 : count;
                $input.val(count);
                $input.change();
                return false;
            });
            $('.plus').click(function () {
                var $input = $(this).parent().find('input');
                $input.val(parseInt($input.val()) + 1);
                $input.change();
                return false;
            });
        });
    </script>

Теперь все работает идеально.

[zik920]

Да и click заменить на on('mouseup',
Кто захочет пользуйтесь, 3.0.2.0

Змінено 3 лютого 2018 користувачем zik920

[GreenAurora]

Спасибо за скрипт! Так прикольно наблюдать как вы сами на все свои вопросы ответили)