[HTML][JavaScript] Suwak - slider Opcje

[ddr]

Hejka, mam problem z napisaniem skryptu w Javie a konkretnie chodzi o kilka suwaków, które będą od siebie uzależnione. Zależność między nimi to taka, że do rozdania na wszystkich przypuśćmy trzech suwakach jest 50 punktów. Gdy użytkownik na pierwszym suwaku rozda 25 punktów to na pozostałych dwóch nie będzie mógł rozdać więcej punktów od różnicy SUMY i WARTOŚCI Z PIERWSZEGO SUWAKA czyli 25, na drugim sliderze dodamy wartość 20 to na ostatnim, trzecim będzie mógł nadać tylko 5 punktów chyba, że z któryś z wcześniejszych odejmie punkty. Krótko mówiąc aby te przeliczenia były dynamiczne. Mam nadzieje, że w miarę jasno to opisałem a na koniec zamieszczę mój kod jednego slidera i dodatkowo mam kolejne pytanie, jak tworzyć kolejne slidery.

[HTML] pobierz, plaintext 
<div id="slider" style="margin-top: 100px; height: 150px;"></div>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
 
<script>
    $(function() {
        $( "#slider" ).slider({
            orientation: "vertical",
            animate: "slow",
            value: "30",
            range: "min",
            slide: function( event, ui ) {
                $( "#amount" ).val( ui.value );
                value.val( ui.value );
                console.log(value);
            }           
        });
        $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
    });
 
</script>
[HTML] pobierz, plaintext 

Ten post edytował ddr 26.03.2016, 10:52:47