Mootools Slider Z dvema gumbov (Double Lepljivek Slider) z indikatorjem razdalje
Trenutno brskanje komentarjev. Če želite, da se vrnete na celotno zgodbo, si lahko preberete celoten vnos here: " Mootools Slider Z dvema gumbov (Double Lepljivek Slider) z indikatorjem razdalje ".
11. december 2008 ob 10:59 AM
Zelo kul! Sem iskal kaj takega. Ali je možno, da imajo fiksno sliko, žlebove ozadja, ki posnetke namesto premika od leve proti desni? Poskušam delati na to zdaj in so do sedaj neuspešna.
12. december 2008 ob 3:45 am
Je lepo misel! Hvala! Nikoli pomislil na to. Bom poskusil tudi!
12. december 2008 ob 5:12 am
Hej Wanlee!
Mislim, da sem lahko dobil (ali sem atleast blizu) rešitev, ki jo iskali. Sem spremenila Look (to je s spektrom preliva, namesto da ena barva) za bkg_slider.gif, zato le poskrbite, da je slika dejansko dobili transportno letalo. Ta slika, ki je bil prej v ozadju slike za razdalje drsnik delitev kazalnikov, se sedaj nahaja v HTML, absolutly postavljen z drsnikom posodo.
Sem objavil moje delovne datoteke za to različico tukaj ...
Koda / css od prejšnje različice, je le komentar, za uporabnike, da lahko razbrati razliko.
Prav tako sem zapustil rdečo obrobo slike, kot tudi ..., ki jih lahko odstranite!
Upam, da pomaga!
12. december 2008 ob 5:31 am
Samo PRO in CON različice suggessted z Wanlee ...
PRO: Sedaj lahko segajo sliko, ki se lahko kažejo s svojo paleto Color preveč ... Kaj hočem reči je, da npr. lahko bi imeli slike z zeleno, oranžno in rdečo arih, da izbrana vrsta bo indiate naravo izbrane vrste.
CON: Drsnik je prikazana slika s svojo celotno širino, dokler je naložen celoten scenarij in vodijo
12. december 2008 ob 5:32 uri
ah ja ... fantastično! zelo kul, Nikhil! Pravzaprav sem dobil delovni verziji, pa vendar menim, da tvoj lahko malo bolj učinkovito.
Tu je še en nasvet: Ali je mogoče, da imajo gumbi rit-up drug proti drugemu, namesto da prehod čez?
Odlično delo, Nikhil! Slava!
16. december 2008 ob 2:09 am
Uspelo popraviti cross-over od dveh gumbov ... posodablja datoteko, sledite povezavi v mojem komentarju zgoraj.
18 december 2008 ob 10:47 uri
hej Nikhil! lepo delo, še enkrat! sem opazil, da je minKnob še prečka več, vendar le na prvi upor. po tem, ko je inicializirana upor smo vsi dobro! se isto zgodilo tudi vam?
19. december 2008 ob 9:48 uri
Hi Wanlee!
Ni to vprašanje v različici, kot ste omenili, o prvi diapozitiv na gumb min. Zdi se mi, da vem, kje je težava, ampak havn't mogel popraviti od včeraj ... upam, da ga kmalu poči.
Hvala ton za kaže problem ven!
Nik
19. december 2008 ob 11:37 uri
Hej Wanlee!
Delo zgodaj zjutraj zvezi s takšnimi vprašanji res gradenj ... uspelo popraviti izdaje (od gumba Min prehoda preko gumba Max, prvič) danes zjutraj ... sem že dodal fiksnega slider.js scenarij kot različica 2.1
Še enkrat! Hvala za vašo pomoč se madeži in predlaga spremembe.
Nik
11. januar 2009 ob 8:27 uri
Hej Nik! Been težaven vaš drsnik in deluje super, ampak poglej to:
Poskušal sem nastavitev 'Start' parametre do 5 ter za položitev To param do 15 in ga naredi clipping Wonky. Prav tako drsnikov na koncu z enako vrednostjo. Tukaj je nekaj, kar bi bilo kul: namesto drsnikov strganje gor skupaj, imajo postanek drsnik max na naslednjo številko večji od min drsnikom.
Tudi, kako lahko obrnem na snapping?
14. januar 2009 ob 9:40 uri
Hej Wanlee!
Hvala, kot običajno. Počnete testno delo, da bi moral imeti. Res appretiate.
Bil zaposlen in bo za nekaj dni, s projektom. Bodo dobili nazaj, da to čim prej.
Še enkrat hvala
Nik
4. februar 2009 ob 1:42 uri
Hi Nikhil, mi lahko poveste katere linija je določitev cross-over od dveh gumbov ali morda, ki vodi to delajo.
6. februar 2009 ob 11:42 uri
Disclaimer: Nisem strokovnjak na razvoj MooTools še, da na žalost bom eden izmed tistih fantov, ki se dogaja, da predlogi ne more čisto sam izvajanje. Ne pozabite: to ni niti "funkcija zahteva", ker nisem pričakoval kdo to storiti zame. Jaz samo želim dokazati, da obstaja interes za nadaljnje primesmi.
Želim uporabiti ta dvojni drsnik za izbiro vrsto časa.
Prva dodatna funkcija Zelo rad bi imela je Naleteli drsnike v 15-minutnih "korakov". Namesto, da bi lahko zdrsne skozi 1, 2, 3 ..., 14, 15 Rad bi šel 0, 15, 30, 45, 60, ... itd Ali obstaja način, da se drsnik na snap teh korakih? (Zavedam se, sem lahko uporabite multiplikator na izhodne vrednosti gumbov na lestvice, vendar sam pixel na "korak" preveč drobnozrnatega. Želim lepe velike 10 pika "skokov", med vsakim korakom na skali.)
Drugič, bi rad, da bi lahko povlečete območje sam. Naj razdaljo med gumbi isto, ampak zgrabi "srednji del" in ga potisnite nazaj in naprej po skali. To je verjetno veliko težje doseči, ampak človek bi me razveselil, da imajo to.
Kakorkoli že, hvala za super izvedbo ste že zagotovljeno!
8. februar 2009 ob 6:07 am
Hej Mauricio,
Im preverjanje prekrivanja maily v CheckStep odvisnosti od razreda Silder (to mora biti okoli linija 174)
Meja gumb MINIMUN je postavljena v "this.drag.options.limit" in podobno velja od običajne omejitve za gumb Max v "this.maxdrag.options.limit" ....
Prav tako sem imel težave s overlaping še vedno dogaja prvič (to je, dokler se CheckStep funkcijo imenovan atleast enkrat.), Tako da sem moral storiti dodati preverite, če je drsnik se initialied in naredite naslednje v "SetMax" funkcijo (arounf linije 138 v silder.js)
-------
if (this.options.isinit) {
var lim = {}; var mi, mx;
mi = - this.options.offset;
mx = parseInt (this.maxknob.getStyle ("levo")) - this.options.offset-4;
lim [this.z] = [mi, mx];
this.drag.options.limit = lim;
this.options.isinit = false;
}
---------
12 februar 2009 ob 5:13 am
Fantastično delo Nikhil! Všeč mi je.
Za tiste, ki imajo težave z najnovejšo različico Mootools, lahko spremenite JavaScript (v HTML strani demo), kot sledi:
Boste morali prenesti tako MooTools različice (jedro in več).
/ / Od obremenitve
window.addEvent ("domready", funkcija () {
var mySlideA = new Slider ($ ("slider_minmax_gutter_m '), $ (" slider_minmax_minKnobA'), $ ("slider_bkg_img), {
začetek: 1920, konec: 2020, odmik: 10, knobheight: 20,
onChange: funkcija (pos) {$ ("slider_minmax_min) set (" text "," min "+ pos.minpos); $ ('slider_minmax_max) set (" text "," max "+ pos.maxpos).. ;}
..}, $ ("Slider_minmax_maxKnobA")) setMin (1981) setMax (2002);
var mySlideB = new Slider ($ ("slider_gutter_1 '), $ (" slider_knob_1'), $ ("slider_bkg_img_1), {
začetek: 0,
konec: 120,
odmik: 10,
onChange: funkcija (pos) {
$ ("Slider_current_val) set (" text ", pos +" cm).;
}
.}, Null) setMin (100);
$ ("Slider_current_val) set (" text ", 100 +" cm).;
});
12 februar 2009 ob 1:29 uri
[...] Končno sem spremenil moje iskanje ključno besedo "drsnik z dvema gumbi" in sem našel "Mootools drsnik z dvema gumbov" ki ga je napisal Nikhil D. Kunder, ki je lastnik blog z imenom ", ki ga izraža". To [...]
14. februar 2009 ob 6:29 am
Brian,
, Tako da dobi prednost.
Žal mi je! bi odgovorila prej. Jaz sem že delajo na frist Extra (snap funkcija) ... se ukvarjajo z nekaj kruha in masla projekta
Bo delo na tem takoj, ko sem dobil kakšno malo časa ...
Tudi, Im še vedno ni jasno, o vaša druga Extra! ...
14. februar 2009 ob 11:03 uri
Brian,
Moram reči, tole (slide korak zdi, da je, čeprav matice, čeprav sem videl druge drsnikov, ki imajo to funkcijo). Sedel sem s to zadnji večer in končal vleče moje lase nad njim celo noč. Logika se zdi dovolj preprosta in uspelo ji so dokaj preprosto. Ampak vizualno, se zdi, da izpodbijajo in sem zdi, da slabo ne še.
No! Mislil sem, da sem lahko pomagal, če sem objavila svoje WIP datotek, morda boste (in še kdo) popraviti ... sem nekako zdi, da izgubljene ... bom pogled na to spet kmalu ... toda medtem, tu je moja delovna različica,
Prenesite Mootools Slider z drsnikom Slide koraki
oh! pozabil omeniti vprašanje ...
Drsnik se ne zdi, da se premaknete do konca drsnika .... poskusite premestitvi na svoje najvišje vrednosti ....
17. februar 2009 ob 3:23 am
[...] Večina piscev CSS bi se strinjala, da CSS Clip lastnina je verjetno ena izmed najbolj razširjenih lastnosti un CSS. Bilo je tako res, zame preveč in je bil najbolj srečen, da ga zanemarjajo, dokler nisem začel spreminjanje MOOTOOLS DVA gumb (Pin) drsnik komponento (z indikatorjem razdalje). [...]
17. februar 2009 ob 5:36 am
[...] Se je odločil, da ustvarite svoj Slider Mootools Z dvema gumbov (Double Lepljivek Slider) z indikatorjem razdalje. Z lahkoto lahko spremenite videz in občutek območju kazalca drsni gumb se drsnik skladbo, ki jih [...]
17. februar 2009 ob 12:48 uri
[...] Se je odločil, da ustvarite svoj Slider Mootools Z dvema gumbov (Double Lepljivek Slider) z indikatorjem razdalje. Z lahkoto lahko spremenite videz in občutek območju kazalca drsni gumb se drsnik skladbo, ki jih [...]
17. februar 2009 ob 9:40 uri
Brian,
Žal mi je! Moral bi omenjena .. ta sprememba za Slide korakih, so vključeni v različici 2.20 (žal še vedno v WIP stanju, je bilo zelo težko ohraniti različice) ... tako da lahko verywell Prenesite novo (2.2) različico namesto WIP različice sem vse zgoraj navedene ...
Hvala
Nik
22. februar 2009 ob 3:13 uri
[...] RSS novice o tej topic.Powered z WP pozdravite BoxA res handly in lepo drsnik z Nikhil, medtem ko je iskal dvojnega zabodena drsniku. Čeprav je našel nekaj dobro opravljeno dvojni [...]
8. marec 2009 ob 3:01 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
8. marec 2009 ob 11:31 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
9. marec 2009 ob 1:56 am
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
9. marec 2009 ob 1:57 am
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
9. marec 2009 ob 7:02 am
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
9. marec 2009 ob 10:57 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
9. marec 2009 ob 2:32 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
17. marec 2009 ob 6:56 am
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
26. marec 2009 ob 12:38
[...] MooTools drsnik z dvema gumbi [...]
28. marec 2009 ob 3:41 am
Hi človek,
veliko mesto in veliko delo ... Mislim, da bom jo uporabite za personalizacijo mojega moogenda ( http://www.moonkiki.com/moongenda/moogenda.html ) ..
Jaz bom jo dodate v obliki, kje ste ga določili čas ellapsed na sestanku ... ampak najprej Imam vprašanje
to je možno nastaviti, da so predmet decimalno številko
nekaj podobnega
8
8,5
9
9,5
10
10,5
in tako naprej?
thx
Nunzio
31. marec 2009 ob 1:25 uri
Hej Nunzio,
Drsnik komponenta sama po sebi ne more obdelati decimalna korake diapozitivov ... ampak za vaše zahteve, vse, kar potrebujete, je za prikaz decimalnih vrednosti (in jih obdela po potrebi kasneje) ... torej, kaj lahko storite, je, kot sledi ...
var mySlideC = new Slider ($ ("slider_gutter_C '), $ (" slider_knob_C'), $ ("slider_bkg_img_C), {
Začetek: 1,
konec: 100,
odmik: 0,
snap: res,
numsteps: 100,
onChange: funkcija (pos) {
$ ("Slider_current_val_2) setHTML (pos / 2 +" cm ").;
}
.}, Null) setMin (5);
OPOMBA: če si hotel pokazati, drsnik za vrsto 1-50 s polovico vrednosti, kot so (1,5, 2, 2,5, 3 in tako naprej), ki jih lahko nastavite območje za 1-100 in iz numsteps do 100 in ga prikaže v del, kot $ ("slider_current_val_2) setHTML (pos / 2 +" cm ").;
Upam, da to pomaga!
31. marec 2009 ob 1:32 uri
Hi Nik,
si super .. nocoj bom poskusil in vam bom pokazal, kaj bom naredil
Še enkrat hvala
Nunzio
31. marec 2009 ob 1:36 uri
31. marec 2009 ob 1:37 uri
Prejšnja objava je bila izreži in prilepi napako
to je pravi
http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html
31. marec 2009 ob 3:30 uri
Hej Nunzio,
Thats čast! Hvala Tone!
najboljše želje, N
3. april 2009 ob 4:00 am
Hi,
Želim si storil nekaj, kar užitek za vse tvoj bralec s to delovno mesto
http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html~~V
6 april 2009 ob 2:10 uri
MoonKiki,
To je koristno. Atleast bo pravi zgled življenja ljudi gledati. Imam uporabljajo Ta drsnik Obseg Mootools v dveh od mojih projektnih del ... žal so še vedno pod UAT!
Še enkrat hvala
N
10. april 2009 ob 7:36 uri
imaš prav, samo teden ali dva za video
12. april 2009 ob 1:04 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
13. april 2009 ob 1:56 uri
Pozdravljeni,
Imam nekaj dvomov, ki uporabljajo dvojno zabodena drsnik. Želim, da pošljete podatke, ki sem jih izbrali v drsnik, da bi poslali na stran, jsp in ne vem, kako to storiti. Rad bi imel fuction, da bi dobili vrednosti min in max iz javascript, mi lahko pomagaš?
Hvala!
14 april 2009 ob 11:39 uri
Hi Nikhil,
Hvala za te velike drsniku. Jaz sem z uporabo prvi drsnik za tri in ne morem ugotoviti, kako se izvajajo, da gre v korakih, kot tretji. Ali lahko prosim povej mi, kaj moram urediti, da prirastek drsenje po 10.
Hvala
15 april 2009 ob 6:18 uri
Všeč mi je tvoj scenarij.
hvala
7. maj 2009 ob 1:24 uri
Hi Nikhil,
Najprej: super izvedba razred Slider MooTools! To je enostavno najboljša različica je tam zunaj. Jaz tudi mislim, da je edini, ki ponuja mogoč dveh gumbov, namesto samo enega, in jih celo ustavi iz mimo drug drugega!
Imam problem, čeprav, čeprav nobeden od primerov jo prikazal, sem videl v datoteki JS, da je "vertikalna" način od prvotnega razreda Slider je še vedno tam in moram navpični drsnik z dvema gumbi ... zato sem nastaviti možnost "način" za "vertikalne". Nekaj CSS prilagoditve je bilo treba, vendar to ni bilo preveč zastrašujoče opravilo. Problem je, da se gumbi ne bodo pravilno obnašali več - eden od njih "skokov 'to položaj -2 ko sem poskusil, da ga povlečete drugam, druga diapozitivi v redu, vendar ne bo prešla določeno mesto na drsniku.
Ker ne vem, kaj točno je narobe, sem mislil, morda je ravno ni vključen svojo razširitev razreda funkcijo za navpični drsnik? Poskusil sem spremeniti razred tu in tam, vendar brez uspeha. Ali pa, če ste to naredili, je možno, da bi lahko vključuje primer, kako narediti navpično dvojno gumb drsnik deluje pravilno? Jaz bi zelo hvaležni!
Torej, če bi si bili pripravljeni pogledati v to, hvala vnaprej za vaš trud!
Na zdravje,
Xurk
19. junij 2009 ob 5:06 uri
Imam dva vnosna polja z drsnik ima vrednosti, lahko uporabnik spremeni vrednost na vhodu in hočem posodobiti gumbov položaj. Napisal sem funkcijo za to.
To je moj predlog:
moveToStep: funkcija (korak, max) {
if ((korak => this.options.start) && (korak this.step) {
this.maxstep = korak;
this.maxknob.setStyle ("leve", parseInt (this.toPosition (korak)));
}
} Else {
/ / Min
if (manj kot korak this.maxstep) {
this.step = korak;
this.knob.setStyle ("leve", parseInt (this.toPosition (korak)));
}
}
this.checkStep (1);
this.end ();
}
},
Sem ga napisal pred minuto tako da lahko imajo napake
20. junij 2009 ob 11:18 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]
26. junij 2009 ob 2:12 uri
Pozdravljeni
Fantastično delo! Res koristna stvar!
Si želela, da omenimo nekaj problemov in rešitev:
1. "Snap" deluje samo za min drsnik, ne pa največ enega. Dodal:
if (maxknob! = null) {
this.maxdrag.options.grid = (this.full) / this.options.numsteps;
this.maxdrag.options.limit [this.z] [1] = this.full;
}
znotraj ", če (this.options.snap)" Zdi se, da to rešiti.
Vendar pa obstaja več problemov:
2. Drsnik max pa premik v korakih, vendar v nekaterih primerih pa se ne ustavi en korak pred koncem, ki ima opraviti s tem, kako je meja za mx maxdrag izračunana v checkStep funkcijo.
Zdaj, to ni zelo prefinjena rešitev in morda ne bo delovala v vseh primerih, vendar sem ugotovila, da spreminja:
mx = this.max - this.options.offset;
s
mx = this.max - this.options.offset + 0,1;
naredi problem oditi v vseh različnih min / max in korak kombinacij sem se potrudil.
Mogoče, če vam ni treba meje za dinamično spreminjanje, kot v mojem primeru ne boste imeli ta problem, ampak če boste to storili, bi to naredil za vas.
Sedaj lahko grem naprej in da mi asos.com kot dvojni filter drsnik ceno!
Hvala Nikhil!
9. julij 2009 ob 6:06 uri
[...] MooTools drsnik z dvema gumbov To je MooTools drsnik z dvema gumbov (tj dvojno zabodena drsnik), z indikatorjem razdalje. Oglejte si demo tukaj. [...]