Manualai.lt Forumas

Sveiki,
noriu išmokti redaguoti įvairius jquery skriptus ir suprati kaip jie veikia. Tai gal užvesit ant kelio. Pvz.:

<script>
         
             $( ".slider" ).slider({
    animate: true,
                range: "min",
                value: 50,
                min: 10,
                max: 100,
step: 10,
               
//this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {
                    $( "#slider-result" ).html( ui.value );
                },

//this updates the hidden form field so we can submit the data using a form
                change: function(event, ui) {
                $('#hidden').attr('value', ui.value 10);
                }

});


        </script>
Ten kur hidden elemente atspausdina elementą ui.value , noriu tarkim jį padaryti  10 didesnį, bet tas mano prirašymas nepakeičia. Kaip tarkim tokius paprastus aritmetinius dalykus prirašyti?

Arba dar pvz kaip sukurti kokį nors kintamąjį, kuriame laikyčiau tarkim skaičių 50. Tada šitos funkcijos pabaigoje prie jo pridėčiau tą ui.value.  Tada eitų vėl kita kokia nors funkcija ir jos pabaigoj dar galėčiau pridėti kažką prie to kintamojo? Na toks paprastas primityvus priskyrimas kintamajam reikšmes, o aš jo nemoku..

           <script>
         var pirma = 50;
var antra = 50;
var trecia = 50;
             $( "#pirma" ).slider({
    animate: true,
                range: "min",
                value: 50,
                min: 10,
                max: 100,
step: 10,
               
//this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {

                    $( "#slider-result" ).html( ui.value );
pirma =  ui.value;
                },


//this updates the hidden form field so we can submit the data using a form
                change: function(event, ui) {
                //$('#hidden').attr('value', pirma);
trecia = pirma   antra;
$('#mano').html( trecia);
                }

});


///////////////////////////////////////// ANTRAS

$( "#antra" ).slider({
    animate: true,
                range: "min",
                value: 50,
                min: 10,
                max: 100,
step: 10,
               
//this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {

                    //$( "#slider-result" ).html( ui.value );
antra =  ui.value;
                },


//this updates the hidden form field so we can submit the data using a form
                change: function(event, ui) {
               // $('#hidden').attr('value', pirma);
trecia = pirma   antra;
$('#mano').html( trecia);
                }

});


        </script>

Šitaip pats išgudravau. Galima kažkaip trumpiau kodą aprašyti, ar čia viskas gerai?

Principas, kad du tuos sliderius naudojant kainą būtų galima bendrą iškarto surasti. Veikti veikia, pasitikrinau, tik klausimas, ar čia gerai, ar buvo galima kur kas paprasčiau tai atlikti?

Tai būtent mano tikslas ir buvo padaryti du kainos sliderius ir jų sumą sudėti ir atvaizduoti žemiau. Tai turėjau omeny ar čia gerai, ar galima trumpiau, tvarkingiau aprašyti? Nes čia grynai improvizavau, neturėdamas jokių žinių ir suveikė

Jeigu jquery ui nenaudoji, tai su kuo tokias funkcijas atlieki?

Jeigu jquery ui nenaudoji, tai su kuo tokias funkcijas atlieki?

kokias tiksliai? pasirinkima range'o kainos? html5 slider yra siaip, o jei nori palaikyt senesnius, tai kad ir dropdown'a gali idet, o jei nori graziai, gali susirast/pasirasyt mini extensiona jquery slaideriui.