Mootools Slider s dvije ručice (Double Pinned Slider) s raspona pokazatelja
Vi ste trenutno pregledavate komentare. Ako biste željeli vratiti u cijelu priču, možete pročitati cijeli ulazak ovdje: " Mootools Slider s dva kuglicama (Double Pinned Slider) s raspona pokazatelja ".
11. prosinca 2008 u 10:59 am
Vrlo cool! Ive 'bio obličje za nešto ovako. Je li moguće da imaju fiksnu žlijeb sliku pozadine koja clips umjesto da se kreće s lijeva na zar ne? Pokušavam raditi na tome sada i do sada bio neuspješan.
12. prosinac 2008 u 3:45 am
To je lijepa misao! Hvala! Nikada nije mislio o tome. Ja ću probati previše!
12. prosinac 2008 u 5:12 am
Hej Wanlee!
Mislim da bi dobio (ili atleast sam blizu) otopinu koju ste tražili. Ja sam promijenio izgled (to je sa spektrom gradijentu, a ne da jedna boja) u bkg_slider.gif, pa samo bi bili sigurni da je slika zapravo uzimajući ošišan. Ova slika, koja je ranije pozadinsku sliku za indikator klizač raspon podjeli, sada se nalazi u HTML, absolutly smješten uz klizač kontejner.
Poslao sam svoje radne datoteke ovoj verziji ovdje ...
Broj / css od starije verzije samo komentirati, za korisnike biti u mogućnosti da se razlika.
Također, ja sam lijevo crveni obrub slike, kao i ... koje možete ukloniti!
Nadam se da pomaže!
12. prosinac 2008 u 5:31 am
Samo za i protiv od verzije suggessted po Wanlee ...
PRO: Sada možete kretati slike, to može ukazivati na niz s previše boje ... Što hoću reći je npr. možete imati sliku s zelena, narančasta i crvena Ares, tako da će odabrani raspon indiate prirodu rasponu odabrali.
CON: klizač slika prikazuje s punom širinom, dok kompletna skripta je učitan i pokrenuti
12. prosinac 2008 u 5:32 pm
ah da ... fantastično! vrlo cool, Nikhil! Ja sam zapravo dobio radnu verziju, kao i tvoje, ali vjerujem da mogu biti malo više učinkovit.
Evo još ukazuju na: Je li moguće imati ručice kundak-up jedni protiv drugih, umjesto prelaska?
Izvrstan rad, Nikhil! Čast!
16 prosinac 2008 u 2:09 am
Uspio popraviti Cross-over od dvije ručice ... ažurira datoteku, slijedite link u mom komentaru gore.
18. prosinac 2008 u 10:47 sati
hej Nikhil! lijepo raditi ponovo! Primijetio sam da minKnob još uvijek prelazi preko, ali samo na prvi povuci. Nakon povuci se inicijalizira smo svi dobro! ne isto dogoditi?
19. prosinac 2008 u 9:48 pm
Hi Wanlee!
Tu je taj problem u verziji, kao što je spomenuto, o prvom slajdu na gumb min. Čini mi se da znam gdje je problem leži, ali havn't bili u mogućnosti popraviti od jučer ... nadam se da uskoro ispucati.
Hvala tona za ističući problem van!
Nik
19. prosinac 2008 u 11:37 sati
Hej Wanlee!
Rad u ranim jutarnjim satima na tim pitanjima zapravo radi ... uspio riješiti problem (od Min gumb prijelaza preko Max tipku, prvi put) jutros ... već sam učitao fiksne slider.js skriptu kao verzije 2.1
Opet! Hvala za vašu pomoć je uočavanje i upućuje na promjene.
Nik
11 siječanj 2009 u 8:27 pm
Hej Nik! Pokušava svoj klizač i to radi odlično, ali check this out:
Pokušao sam postavljanje parametra 'Start' do 5 i na 'kraju' param do 15 i to čini clipping klimav. Također, oba klizača završiti s istom vrijednošću. Evo nešto što će biti cool: umjesto klizača limit zajedno, imaju zaustavljanje max klizača na sljedeći broj veći od min klizača.
Također, kako mogu pretvoriti snapping na?
14 siječanj 2009 u 9:40 pm
Hej Wanlee!
Zahvaljujući kao i obično. Radite ispitivanja kako, da bih trebao imati. Stvarno ga appretiate.
Bio zauzet i da će biti za nekoliko dana, s projektom. Hoće li se vratiti na to što je prije moguće.
Još jednom hvala
Nik
4. veljača 2009 u 1:42 pm
Hi Nikhil, možete li mi reći koja linija je popravljajući Cross-over od dvije ručice ili možda koje linije to rade.
6. veljače 2009 u 11:42 am
Disclaimer: Nisam stručnjak za razvoj MooTools još, tako da nažalost ja ću biti jedan od onih dečki koji je idući u izraditi prijedloge ao čemu ne može se provesti. Imajte na umu da je ovo čak i ne "zahtjev za istaknutom snimkom", jer nisam očekivao netko to učiniti za mene. Ja samo želim dokazati da postoji interes za daljnje dopune.
Želim koristiti ovaj dvostruki klizač za odabir niz vremena.
Prvi dodatni značajka Volio bih da je udarite klizača u 15 minuta "koraka". Umjesto da bude u mogućnosti da klize kroz 1, 2, 3, ..., 14, 15 Želim otići 0, 15, 30, 45, 60, ..., itd. Da li postoji način da se klizač na ugriz tim koracima? (Znam da bih mogao koristiti množitelj na izlazne vrijednosti skale za ručice, ali jednog piksela "po korak" je previše sitnozrno. Želim lijepe velike 10 piksela "skokove" između svakog koraka na skali.)
Drugo, volio bih biti u mogućnosti da povucite raspon sama. Držite razmak između knobs isti, ali zgrabite "srednji dio" i gurnite ga natrag i naprijed duž ljestvice. To je vjerojatno mnogo teže postići, ali čovjek bi sam biti oduševljen da se ovo.
U svakom slučaju, hvala na strašan provedbi ste već unijeli!
8. veljače 2009 u 6:07 am
Hej Mauricio,
Im provjere preklapanje maily u CheckStep funkciji Silder klase (mora oko linija 174)
Granica minimalnom tipki je postavljen u "this.drag.options.limit" i slično što je granica za Max gumb u "this.maxdrag.options.limit" ....
Također, imao sam problema s overlaping još uvijek događa prvi put (tj. do CheckStep funkcija se zove atleast jednom.) Pa sam morao učiniti dodati provjerite da li se klizni initialied, i učiniti slijedeće "SetMax" funkcija (arounf linija 138 u silder.js)
-------
if (this.options.isinit) {
var = lim {}; var mi, x;
mi = - this.options.offset;
mx = parseInt (this.maxknob.getStyle ('lijevo')) - this.options.offset-4;
lim [this.z] = [km, mx];
this.drag.options.limit = lim;
this.options.isinit = false;
}
---------
12 veljača 2009 u 5,13 sati
Fantastičan posao Nikhil! Sviđa mi se.
Za one koji imaju problema s najnovijim Mootools verziji možete izmijeniti JavaScript (u HTML stranici demo) kako slijedi:
Trebat će vam za preuzimanje obje verzije MooTools (core i više).
/ / ON LOAD
window.addEvent ('domready ", funkcija () {
var mySlideA = Nova Slider ($ ('slider_minmax_gutter_m'), $ ('slider_minmax_minKnobA'), $ ('slider_bkg_img') {
početak: 1920, na kraju: 2020, offset: 10, knobheight: 20,
onChange: funkcija (pos) {$ ('slider_minmax_min ") set (' tekst ',' min '+ pos.minpos), $ (' slider_minmax_max") set ('tekst', 'max' + pos.maxpos).. ;}
..}, $ ('Slider_minmax_maxKnobA')) setMin (1981) setMax (2002);
var mySlideB = Nova Slider ($ ('slider_gutter_1'), $ ('slider_knob_1'), $ ('slider_bkg_img_1') {
početak: 0,
Kraj: 120,
pomak: 10,
onChange: funkcija (POS) {
$ ('Slider_current_val ") set (' text ', pos +" cm ").;
}
.}, Null) setMin (100);
$ ('Slider_current_val ") set (' text ', 100 +" cm ").;
});
12 veljača 2009 u 1:29 pm
[...] Sam napokon promijenio ključnu riječ za pretraživanje "klizač sa dvije ručice" i našao sam "Mootools klizač s dvije ručice", napisao je Nikhil D. Kunder koja posjeduje blog pod imenom "koja ga izražava". To [...]
14 veljača 2009 u 6:29 am
Brian,
, Tako da dobiva prioritet.
Žao nam je! trebalo je odgovorio ranije. Ja već radim na frist extra (ugriz mogućnost) ... bili uključeni s nekim kruh i maslac projekta
Će raditi na tome čim sam dobiti bilo malo vremena ...
Također, Im još uvijek nije jasno o svom drugi Extra! ...
14 veljača 2009 u 11:03 sati
Brian,
Moram reći, ovaj jedan (klizni korak čini se da ipak matice, iako sam vidio i druge klizača koji imaju ovu značajku). Sjedio sam s ove posljednje večeri i završio povlačenjem moja kosa preko nje cijelu noć. Logika čini se dosta lako i uspio je da je uključite sasvim jednostavno. No vizualno, čini izazov, a ja kao da ne loše još.
Dobro! Mislio sam, možda ću pomoći ako ću objavljivati moje nedovršene datoteke, možda (i bilo tko drugi) može to popraviti ... Ja vrsta čini se da izgubljene ... ja ću gledati na to opet ... ali u međuvremenu, ovdje mi je radna verzija,
Preuzmite Mootools Slider s Slide Steps klizača
oh! zaboravio spomenuti problem ...
Klizač ne čini da se presele do kraja klizača .... pokušajte ga sele u svoje maksimalne vrijednosti ....
17 veljača 2009 u 3:23 am
[...] Većina CSS pisaca će se složiti da CSS Clip vlasništvo je vjerojatno jedan od većine UN-rabljenih CSS svojstvima. Bilo je tako vrijedi i za mene previše i bio je sretan da ga zanemariti, dok sam počeo izmjenom MOOTOOLS DVA Tipka (PIN) Klizač Komponenta (uz raspona pokazatelja). [...]
17 veljača 2009 u 5:36 am
[...] On je odlučio stvoriti vlastitu Mootools Slider s dva kuglicama (Double Pinned Slider) s raspona pokazatelja. Možete jednostavno promijeniti izgled i dojam u nizu pokazatelja, klizač tipku, klizač pjesama koje [...]
17 veljača 2009 u 12:48 sati
[...] On je odlučio stvoriti vlastitu Mootools Slider s dva kuglicama (Double Pinned Slider) s raspona pokazatelja. Možete jednostavno promijeniti izgled i dojam u nizu pokazatelja, klizač tipku, klizač pjesama koje [...]
17 veljača 2009 u 9:40 pm
Brian,
Žao nam je! Trebao sam spomenuo .. da je promjena za Slide Koraci uključeni u verziji 2.20 (na žalost, još uvijek u nedovršene države, to je vrlo teško zadržati verzije) ... tako da možete verywell preuzimanje novog (2.2) verziju umjesto nedovršene verzije sam gore navedenoj ...
Hvala
Nik
22 veljača 2009 u 3:13 pm
[...] RSS feed za nadopune na ovu topic.Powered by WP Pozdravite BoxA stvarno handly i lijepa klizač prema Nikhil, dok je u potrazi za dvokrevetnu zabodena klizača. Iako, on je našao nekoliko dobro učinio dvostruko [...]
8. ožujak 2009 u 3:01 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
8. ožujak 2009 u 11:31 sati
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
9. ožujak 2009 at 1:56 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
9. ožujak 2009 u 1:57 am
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
9. ožujak 2009 kod 702: sam
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
9. ožujak 2009 u 10:57 am
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
Ožujak 9th, 2009 at 2:32 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
Ožujak 17th, 2009 at 6:56 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
Ožujak 26th, 2009 at 12:38 pm
[...] MooTools Slider s dvije ručice [...]
Ožujak 28th, 2009 at 3:41 pm
Hi čovjek,
izvrsna stranica i veliko djelo ... mislim da ću ga koristiti za personalizaciju svog moogenda ( http://www.moonkiki.com/moongenda/moogenda.html ) ..
Ja ću ga dodati u obliku gdje ste postavili vrijeme ellapsed na sastanku ... ali prvo imam pitanje
to je moguće postaviti objekt imati decimalni broj
nešto poput
8
8,5
9
9,5
10
10,5
i tako dalje?
thx
Nunzio
31. ožujak 2009 u 1:25 pm
Hej Nunzio,
Klizač komponenta sama ne može obraditi decimalna korake slajdova ... ali za svoj zahtjev, sve što trebate je prikaz decimalne vrijednosti (i obraditi po potrebi kasnije) ... tako da ono što možete učiniti je kako slijedi ...
var mySlideC = Nova Slider ($ ('slider_gutter_C'), $ ('slider_knob_C'), $ ('slider_bkg_img_C') {
početak: 1,
Kraj: 100,
pomak: 0,
snap: istina,
numsteps: 100,
onChange: funkcija (POS) {
$ ('Slider_current_val_2') setHTML (pos / 2 + "cm").;
}
.}, Null) setMin (5);
NAPOMENA: ako si htio pokazati klizač za raspon od 1-50 s pola vrijednosti kao što je (1,5, 2, 2,5, 3 i tako dalje) možete postaviti raspon za 1-100, postaviti numsteps na 100 i prikazati ga u dio kao $ ('slider_current_val_2') setHTML (POS / 2 + "cm").;
Nadam se ovo pomaže!
31. ožujak 2009 u 1:32 pm
Pozdrav Nik,
ponovno super .. večeras ću probati i ja ću vam pokazati ono što ću učiniti
Hvala vam još jednom
Nunzio
31. ožujak 2009 u 1:36 pm
31. ožujak 2009 u 1:37 pm
Prethodni post je izrezati i zalijepiti pogreška
to je pravo
http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html
31. ožujak 2009 u 3,30 sati
Hej Nunzio,
Taj čast! Hvala tona!
najbolje želje, N
3. travanj 2009 u 4:00 am
Bok,
Volio bih da sam učinio nešto užitak za sve tvoje čitača ovaj post
http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html~~V
6. travanj 2009 u 2:10 pm
MoonKiki,
To je korisno. Atleast održat će se u stvarnom životu primjer ljudi pogledati. Koristio sam ovu Slider Mootools Raspon u dvije od mojih projekata radi ... nažalost oni su još uvijek pod UAT!
Još jednom hvala
N
10. travanj 2009 u 7:36 pm
u pravu si, samo tjedan ili dva za video
12. travanj 2009 u 1:04 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
13. travanj 2009 at 1:56 pm
Pozdrav,
Imam neke nedoumice koristeći dvostruku zabodena klizač. Želim poslati informacije sam odabran u klizač kako bi se poslati na JSP stranicu i ne znam kako to učiniti. Htio bih imati fuction da biste dobili min i max vrijednosti iz skripte, možete li mi pomoći?
Hvala!
14. travanj 2009 u 11:39 sati
Hi Nikhil,
Hvala za ovaj veliki klizač. Ja sam koristeći prvi klizač od tri i ne može se činiti da shvatiti kako to provesti da ide gore u koracima kao što je treći. Možete li molim recite mene što mi je potrebno izmijeniti i povećajte klizanje do 10..
Hvala
15. travanj 2009 u 6:18 pm
Sviđa mi se tvoj scenarij.
hvala
7. svibanj 2009 u 1:24 pm
Hi Nikhil,
Prije svega: velika provedbu klasi MooTools Klizač! To je jednostavno najbolja verzija od toga vani. Također mislim da je jedini koji nudi mogućnošću dvije ručice umjesto samo jednog, pa čak ih zaustavlja od donošenja jedni druge!
Imam problem iako, iako niti jedan od primjera prikazati ga, vidio sam u JS datoteke 'vertikalna' mode iz izvorne klase Klizač je još uvijek tamo i moram okomiti klizač s dvije ručice ... pa sam postaviti opciju 'način' na 'vertikalna'. Neki CSS prilagodbe morao biti napravljen, ali da nije bio previše težak zadatak. Problem je u tome, da su gumbi neće ponašati pravilno više - jedan od njih "skokovima 'to položaj -2 svaki put kad sam ga pokušati povući negdje drugdje, a drugi slajdovi u redu, ali neće proći određenu poziciju na klizaču.
Kao što sam nisam siguran što se točno događa u redu, mislio sam možda samo nisu uključene svoj nastavak u nastavi funkcionirati za vertikalni klizač? Ive 'pokušao mijenjanjem razred tu i tamo, ali bez uspjeha. Ili, ako vam je to, je li moguće da biste mogli uključiti primjer kako napraviti vertikalnu dvostrukim palcem na gumb klizača funkcija ispravno? Ja jako zahvalni!
Dakle, ako želite biti spremni gledati u to, hvala vam unaprijed na Vašem trudu!
Živjeli,
Xurk
19 lipanj 2009 u 5:06 pm
Imam dvije ulazne polja s ima klizača vrijednosti, korisnik može promijeniti vrijednosti u ulaz i želim ažurirati položaj ručice. Sam pisao funkciju za to.
To je moj prijedlog:
moveToStep: funkcija (korak, max) {
if ((korak => this.options.start) && (korak this.step) {
this.maxstep = korak;
this.maxknob.setStyle ("lijevo", parseInt (this.toPosition (korak)));
}
Else {}
/ / MIN
if (korak <this.maxstep) {
this.step = korak;
this.knob.setStyle ("lijevo", parseInt (this.toPosition (korak)));
}
}
this.checkStep (1);
this.end ();
}
},
Ja sam to napisano minute, tako da mogu imati bugovi
20. lipnja 2009 u 11:18 am
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]
26 lipanj 2009 u 2:12 pm
Pozdrav
Fantastičan posao! Stvarno korisno stvari!
Samo sam htjela spomenuti par problema i rješenja:
1. "Snap" radi samo za min klizača, a ne max jedan. Dodavanje:
if (maxknob! = null) {
this.maxdrag.options.grid = (this.full) / this.options.numsteps;
this.maxdrag.options.limit [this.z] [1] = this.full;
}
unutar "if (this.options.snap)" Čini se da riješiti ovaj.
Međutim, tada postoji više problema:
2. Max klizač ne miče u koracima, ali u nekim slučajevima se ne zaustavi jedan korak prije kraja, što učiniti s tim kako mx rok za maxdrag izračunava se u checkStep funkcije.
Sada, to nije vrlo sofisticirana rješenja, a ne može djelovati u svim slučajevima, ali otkrio sam da mijenja:
mx = this.max - this.options.offset;
na
mx = this.max - this.options.offset + 0,1;
čini problem otići u različitim min / max i korak kombinacije sam pokušao.
Možda, ako ne morate granice promijeniti dinamički kao u mom slučaju nećete imati taj problem, ali ako to učinite, to može učiniti za vas.
Sada mogu ići na i izraditi moj asos.com poput dvostrukog filtra klizač cijena!
Zahvaljujući Nikhil!
9. srpanj 2009 u 6:06 pm
[...] MooTools Slider s dvije ručice To je MooTools Slider s dvije ručice (tj. dvostruko zabodena klizač), uz raspon pokazatelja. Pogledajte demo ovdje. [...]