Autorius Tema: jQuery pagrindai  (Skaityta 2260 kartus)

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 438
  • Karma: +11/-0
    • Žiūrėti profilį
jQuery pagrindai
« Įrašytas: 2014-04-25 12:22:51 pm »
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.. :D
« Paskutinį kartą keitė: 2014-04-25 12:36:38 pm sukūrė Tautvydas »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #1 Įrašytas: 2014-04-25 13:08:28 pm »
jquery UI slider dokumentacija ziurek: http://api.jqueryui.com/slider/


ir pasiziurek kursa sita, jei jau nori jquery mokintis: https://tutsplus.com/course/30-days-to-learn-jquery/

Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 438
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #2 Įrašytas: 2014-04-25 15:19:13 pm »
           <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?


Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #3 Įrašytas: 2014-04-25 18:13:52 pm »
tam kurse kur idejau linka yra tikrai daug "best-practises" pamineta, jei nori zinoti kaip daryt geriau, tai atkreipk demesi i tokius dalykus ziuredamas ta kursa, tavo kode realiai nieko nera, pora slaideriu ir tiek, tai daug cia neprigalvosi :)
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: jQuery pagrindai
« Atsakymas #3 Įrašytas: 2014-04-25 18:13:52 pm »

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 438
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #4 Įrašytas: 2014-04-26 13:06:04 pm »
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ė

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #5 Įrašytas: 2014-04-26 16:32:13 pm »
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ė

as praktiskai nenaudoju jquery UI, kiek yra prireike, tai ziurejau dokumentacija ir tiek, tai nezinau ar galima kitaip padaryt, bet jei veikia, tai kaip ir ok ;]
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 438
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #6 Įrašytas: 2014-04-26 20:56:31 pm »
Jeigu jquery ui nenaudoji, tai su kuo tokias funkcijas atlieki?

Neprisijungęs Kalnų karalius

  • Naujokas
  • *
  • Įrašai: 104
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #7 Įrašytas: 2014-04-26 22:29:21 pm »
tik su jquery.
4c61626173212

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jQuery pagrindai
« Atsakymas #8 Įrašytas: 2014-04-29 12:55:50 pm »
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.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: jQuery pagrindai
« Atsakymas #8 Įrašytas: 2014-04-29 12:55:50 pm »