Показать сообщение отдельно
  #3 (permalink)  
Старый 20.02.2017, 16:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

petia223,
https://cdnjs.com/libraries/ion-rangeslider

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Ion.RangeSlider - test</title>
<script src="https://vapemood.ru/wp-content/uploads/calc/jquery.min.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/main.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/save.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/kt-rgb.js"></script>
<!-- Slider -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/normalize.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/ion.rangeSlider.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/ion.rangeSlider.skinNice.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/js/ion.rangeSlider.min.js"></script>

<script>
    $(document).ready(function(){
        $("#range_1").ionRangeSlider({
            min: 3,
            max: 8,
            from: 3.7,
            to: 3.7,
            type: 'single',
            step: 0.05,
            prefix: "Battery: ",
            postfix: "v",
            gridMargin: 11,
            prettify: true,
hasGrid: true,        // массив предустановленных значений
    onLoad: function (obj) {        // callback, вызывается при запуске и обновлении
       // compute(this);
    },
    onChange: function (obj) {      // callback, вызывается при каждом изменении состояния
       // compute(this);
    },
    onFinish: function (obj) {      // callback, вызывается один раз в конце использования
      //  compute(this);
    }

        });
    });
</script>
</head>
<body>
<!-- Page contents -->
<div style="position: relative; padding: 200px;">

    <div>
        <input type="text" id="range_1" value="" name="range_1" />
    </div>
</div>
</script>
</body>
</html>
Ответить с цитированием