Показать сообщение отдельно
  #2 (permalink)  
Старый 30.01.2020, 18:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Diiim,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
$(function() {
   $("#sli-der-1").slider({
      value: 0,
      min: 0,
      max: 100,
      step: 1,
      slide: function(event, ui) {
         var nnn = 47770 - ui.value * 1500;
         if (nnn > 0) { // потом проверяю больше ли 0
            nnn = (nnn + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1 ') // если да вывожу
         } else {
           nnn = 0
         }
         $("#amount_1_1").text(nnn + " ₽")
      }})
});


  </script>
</head>
<body>
<span>Количество участников: <input type="text" class="num-bers" disabled="" id="amount_1" value="0"></span>

<!-- ui слайдер -->
<div class="sli-der-calc" id="sli-der-1"></div>

<span class="in-cell" id="amount_1_1">47 770 ₽</span>
</body>
</html>
Ответить с цитированием