1

Тема: Зміна даних в полі

Доброго вам дня.
Пишу калькулятор, для інвестицій (не має).
Основний функціонал майже написав.
Таке питання, як зробити динамічну зміну результату при перетягування повзунка, що б функція для калькуляції змінювала число у відповідному полі в момент перетягування.
Ось код який я написав.

<script>
 
    /*slider*/
 
    $( function() {
        $( "#slider" ).slider({
          value:100000,
          min: 100000,
          max: 6000000,
          step: 50000,
          slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.value );
          }
        }
        );
        $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
      } 
    );
 
        
 
/*second-slider*/
    $( function() {
        $( "#second-slider" ).slider({
          value:20,
          min: 20,
          max: 40,
          step: 10,
          slide: function( event, ui ) {
            $( "#amount1" ).val( "$" + ui.value );
          }
 
 
        }
        );
        $( "#amount1" ).val( "$" + $( "#second-slider" ).slider( "value" ) );
      } 
    );
 
 
 
    /*calculate*/
    $(function(){
        var result;
        var variable_slider = $( "#slider" ).slider( "value" );
        var variable_second_slider= $( "#second-slider" ).slider( "value" );
 
        if(variable_second_slider==20){
            variable_second_slider=10;
        }
        else if(variable_second_slider==30){
            variable_second_slider=variable_second_slider;
        }
        else if(variable_second_slider==40){
            variable_second_slider=80;
        }
 
 
 
        result = ((variable_slider * variable_second_slider)/100)+variable_slider;
 
 
 
        $("#calculating-result").val(result);/*ВЫВОД РЕЗУЛЬТАТА*/
        
 
    });
 
 
 
    </script>

2

Re: Зміна даних в полі

Поприбирайте зайві відступи і викладіть код на jsfiddle, будь ласка.

Подякували: 221VOLT1

3 Востаннє редагувалося poperechnyi1 (05.12.2016 19:05:36)

Re: Зміна даних в полі

Нажаль, я там не відображається форма так як треба.
https://jsfiddle.net/poperechnyi1/jnbsq8f3/



Ось посилання на архів цього проекту, де відображається форма коректно: https://drive.google.com/open?id=0BwvCe … ndaRXdJdnc

Подякували: 221VOLT1

4

Re: Зміна даних в полі

https://refreshless.com/nouislider/

http://jsbin.com/dulifezi/2/edit

http://www.cssscript.com/demo/elegant-a … pt-ranger/
http://www.cssscript.com/elegant-animat … pt-ranger/

вам не потрібен jQ - все просто вирішується на pure js

стосовно алгоритмів - тут також просто -- вішає 2 обробника подій на 2 цих повзунка,
передавати їх значення - можна навіть в одну лише функцію, там робимо підрахунок-записуємо в поле

5

Re: Зміна даних в полі

Ось вирішив завдання: https://drive.google.com/open?id=1SyAub … G-rip_oFZU
Дякую всіи за увагу