Mootools csúszka két gomb (dupla csuklós csúszka) a tartomány Indicator
Ön jelenleg megjegyzéseket. Ha szeretné, hogy visszatérjen a teljes történetet, akkor olvassa el a teljes bejegyzést itt: " Mootools csúszka két gomb (dupla csuklós csúszka) a tartomány jelző ".
December 11, 2008 at 10:59 am
Nagyon cool! Már régóta kerestem valami hasonlót. Lehetséges, hogy egy fix ereszcsatorna háttérképet klipek helyett mozog balról jobbra? Próbálok dolgozni, és ezt most eddig sikertelenek voltak.
December 12, 2008 at 03:45 am
Ez szép gondolat! Köszönjük! Soha nem gondoltam róla. Megpróbálom azt is!
December 12, 2008 at 05:12 am
Hé Wanlee!
Azt hiszem, van (vagy am atleast közelében) a megoldás, amit keresett. Megváltoztattam a Look (tette a spektrum gradiens, inkább egyszínű) a bkg_slider.gif, úgyhogy győződjön meg róla, hogy a kép valóban egyre nyírni. Ez a kép, amely korábban a háttérképet a csúszka körét jelző osztás, most helyezni a HTML, absolutly elhelyezett csúszka a tartályba.
Én már postára adtam munkafájljait ezen verziót itt ...
A kód / css a korábbi verzió csak hozzászóló, hogy a felhasználók tudják, hogy ki a különbséget.
Azt is hagytak hátra piros szegélyt a kép is ... amit lehet eltávolítani!
Remélem, hogy segít!
December 12, 2008 at 05:31 am
Csak egy pro és kontra változat suggessted a Wanlee ...
PRO: Most is terjedhet képe, amely jelzi a tartomány színe is ... Arra gondolok, hogy pl. akkor lehetett volna egy képet, zöld, narancssárga és piros árban, így a kiválasztott tartományban fog indiate jellegét a tartomány választott.
CON: A csúszka jelenik meg a kép teljes szélességét, amíg a teljes script betöltése és futtatása
December 12, 2008 at 17:32
Ah, igen ... fantasztikus! Nagyon cool, Nikhil! Igazából van egy működő változat is, de azt hiszem a tiéd lehet egy kicsit hatékonyabb.
Itt egy újabb javasoljuk: Lehetséges, hogy a gombok Butt-fel egymással szemben, hanem az átkelést?
Kiváló munka, Nikhil! Kudos!
December 16, 2008 at 02:09 am
Sikerült kijavítani a cross-over a két gomb ... frissíteni a fájlt, kattints a linkre a hozzászólásomra fent.
December 18, 2008 at 10:47
Nikhil hé! Ismét szép munka! Észrevettem, hogy még a minKnob kereszteződve, de csak az első húzás. A húzás után inicializálva vagyunk minden jó! nem ugyanaz történik veled?
December 19, 2008 at 09:48
Hi Wanlee!
Van ez a kérdés a verziót, ahogy említettük, körülbelül az első dia a min gombot. Úgy látszik, hogy hol a probléma, de sikerült havn't fix tegnap óta ... remélem, hogy hamarosan feltörni.
Köszönet tonna rámutatva arra a problémára!
Nik
December 19, 2008 at 11:37
Hé Wanlee!
Munka korán reggel ilyen kérdésekben tényleg működik ... sikerült megoldani a problémát (Min Knob átkelést a Max Knob, az első alkalommal), ma reggel ... már feltöltötte a fix slider.js parancsfájlt 2.1 verzió
Újra! Köszönöm a segítséget, és azt javasolta a pecsételő változásokat.
Nik
Január 11, 2009 at 20:27
Hé Nik! Próbálta meg a csúszka, és remekül működik, de ezt nézd meg:
Próbáltam beállítás a "Start" param 5 és a "vége" param 15, és ez teszi a vágó rozoga. Emellett mindkét csúszka a végén ugyanazt az értéket. Végre valami, amit jó lenne: ahelyett, hogy a csúszkák döfés fel együtt, hogy a csúszka max megáll a következő szám nagyobb, mint a csúszka min.
Is, hogyan tudom kapcsolni a harapós?
Január 14, 2009 at 21:40
Hé Wanlee!
Köszönöm, mint mindig. Csinálsz teszt működik, akkor azt kellett volna. Tényleg appretiate azt.
Volt elfoglalva, és lesz néhány napig, a projekthez. Kapja vissza ezt a lehető legrövidebb időn belül.
Még egyszer köszönöm
Nik
Február 4, 2009 at 01:42
Nikhil Hi, meg tudná mondani, hogy melyik vonalat a rögzítő cross-over a két gomb, amelyek esetleg vonalak csinálja.
Február 6, 2009 at 11:42 am
Disclaimer: Nem vagyok szakértője MooTools fejlesztés még, úgyhogy sajnos nem leszek egyike azoknak a srácok, hogy ki fog javaslatokat tenni nem tud elég végre magát. Kérjük, ne feledje, ez nem is egy "kérés funkció", mert én nem számítottam, hogy bárki is ezt nekem. Azt szeretnénk, csupán annak dokumentálására, hogy van érdeklődés további növekedésének.
Szeretném használni ezt a kettős csúszka kiválasztásakor számos alkalommal.
Az első extra funkció Szeretnék van az, hogy üsse a csúszkákat a 15 perces "lépések". Ahelyett, hogy képes átcsúsznia 1, 2, 3, ..., 14, 15 akarok menni 0, 15, 30, 45, 60, ..., stb Van egy módja, hogy a csúszkát pattintsa ezen lépésekben? (Tudom, jól jönne egy szorzót a kimeneti érték a skála a gombok, de egy pixel per "lépés" túl finom szemcséjű. Szeretnék szép nagy 10 pixel "ugrik" között, minden egyes lépés a skálán.)
Másodszor, szeretnék tudni, hogy húzza a tartományban is. Tartsd a távolságot a gombok ugyanazok, de fogd a "középső rész", és csúsztassa hátra skála mentén. Ez valószínűleg sokkal trükkösebb elérni, de az ember lennék, hogy ezt a izgalommal.
Egyébként, köszönöm a félelmetes végrehajtására, amit már biztosított!
Február 8, 2009 at 06:07 am
Mauricio Hé,
Im ellenőrzése átfedés maily a CheckStep függvényében Silder osztály (tehát mintegy 174 vonal)
A határ Minimum gomb be van állítva "this.drag.options.limit", és hasonlóan a határ Max potméter "this.maxdrag.options.limit" ....
Emellett volt egy probléma a overlaping is történik az első alkalommal (azaz amíg a CheckStep függvényt atleast egyszer.), Így kellett tennem a hozzá egy csekket, hogy ha a csúszka alatt initialied, és tegye a következőket a "SetMax" funkció (arounf vonal a 138 silder.js)
-------
if (this.options.isinit) {
var lim = {}; var mi, mx;
mi = - this.options.offset;
mx = parseInt (this.maxknob.getStyle ("bal")) - this.options.offset-4;
lim [this.z] = [mi, mx];
this.drag.options.limit = lim;
this.options.isinit = false;
}
---------
Február 12, 2009 at 05:13 am
Fantasztikus munkát Nikhil! Szeretem.
Azok számára, olyan problémákkal, melyeket a legújabb verziót Mootools, akkor módosíthatja a JavaScript (a HTML oldalt a demo) az alábbiak szerint:
Meg kell töltened mind MooTools változatok (core & more).
/ / ON LOAD
window.addEvent ("domready ', function () {
var mySlideA = new Slider ($ ('slider_minmax_gutter_m'), $ ('slider_minmax_minKnobA'), $ ('slider_bkg_img') {
Kezdés: 1920 vége: 2020, offset: 10, knobheight: 20,
onChange: function (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') {
Kezdés: 0,
vége: 120,
offset: 10,
onChange: function (pos) {
$ ('Slider_current_val "). Set (' text ', pos +' mm ');
}
}, Null). SetMin (100);
$ ('Slider_current_val "). Set (' text ', 100 +' mm ');
});
Február 12, 2009 at 01:29
[...] Végül megváltoztatta a keresési kulcsszót "csúszka két gomb", és találtam "Mootools csúszka két gomb" írta Nikhil D. Kunder, aki rendelkezik egy blog a nevét "kifejezése IT". Ez [...]
Február 14, 2009 at 06:29 am
Brian,
Úgy, hogy elsőbbséget élvez.
Elnézést! kellett volna korábban válaszolt. Én m már dolgozik a Frist Extra (a snap funkció) ... már részt vett egy kis kenyeret és vajat projekt
Működni fog ez a legrövidebb időn belül, kapok olyan kevés az idő ...
Is, Im még mindig nem világos a második Extra! ...
Február 14, 2009 at 23:03
Brian,
Azt kell mondanom, ez egy (a dia lépés tűnik bár anyát, bár már láttam más csúszkák, amelyek ezt a funkciót). Ültem az utolsó este, és végül az húzza a hajam rajta egész éjszaka. A logika elég egyszerűnek tűnik, és sikerült is ez egész könnyen. De vizuálisan, úgy tűnik, hogy kihívás, és úgy tűnt, mintha nem rossz még.
Nos! Azt gondoltam, talán segít, ha én teszek közzé WIP kép, talán (és bárki más) lehet megjavítani ... Én valami úgy tűnik, hogy elveszett ... fogom nézni, hogy hamarosan újra ... de addig, itt van a működő verziót,
Töltse Mootools Slider csúszdával lépések csúszka
oh! elfelejtettem megemlíteni a kérdés ...
A csúszka nem tűnik mozogni végéig a csúszka .... próbálja ki, hogy a legnagyobb értékét ....
Február 17, 2009 at 03:23 am
[...] A legtöbb CSS írók egyetértenek abban, hogy a CSS Clip tulajdonság talán az egyik legtöbbet használt un CSS tulajdonságok. Ez annyira igaz, nekem is volt a legboldogabb, hogy elhanyagolja azt, amíg elkezdtem módosításával MooTools két gomb (Pin) Csúszik Component (a tartomány indikátor). [...]
Február 17, 2009 at 05:36 am
[...] Úgy döntött, hogy létrehozza a saját Mootools csúszka két gomb (dupla csuklós csúszka) tartomány a mutató. Könnyedén változtatni a kinézetét és hangulatát tartományban mutató, csúszka gomb, a csúszka pálya által [...]
Február 17, 2009 at 12:48
[...] Úgy döntött, hogy létrehozza a saját Mootools csúszka két gomb (dupla csuklós csúszka) tartomány a mutató. Könnyedén változtatni a kinézetét és hangulatát tartományban mutató, csúszka gomb, a csúszka pálya által [...]
Február 17, 2009 at 21:40
Brian,
Elnézést! Azt kellett volna említenem .. hogy a változás a Slide lépések szerepelnek a változat 2,20 (sajnos, még mindig a WIP állapotban, azt nagyon nehéz volt tartani változat) ... így verywell letölteni az új (2.2) verzió helyett a WIP verzió már fent megadott ...
Thanx
Nik
Február 22, 2009 at 03:13
[...] RSS feed a frissítéseket ebben a topic.Powered WP Greet BoxA handly igazán szép és a csúszka Nikhil, miközben kereste a dupla csuklós csúszka. Bár, ő talál egy pár jól sikerült dupla [...]
Március 8, 2009 at 15:01
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 8, 2009 at 11:31
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 9, 2009 at 01:56 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 9, 2009 at 01:57 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 9, 2009 at 07:02 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 9, 2009 at 10:57 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 9, 2009 at 02:32
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 17, 2009 at 06:56 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Március 26, 2009 at 12:38
[...] MooTools Slider két gomb a [...]
Március 28, 2009 at 03:41 am
Hi férfi,
nagyszerű helyet, és nagy munka ... Azt hiszem lesz használja egy személyre az én moogenda ( http://www.moonkiki.com/moongenda/moogenda.html ) ..
Én akkor add meg olyan formában, hol állítsa be az időt ellapsed egy találkozón ... De már van egy kérdésem
s hogy lehet beállítani az objektumot, hogy decimális szám
valami hasonló
8
8,5
9
9,5
10
10,5
és így tovább?
thx
Nunzio
Március 31, 2009 at 01:25
Hé Nunzio,
A csúszka komponens maga nem tudja feldolgozni tizedes dia lépéseket ... de a követelménynek, minden amire szüksége van megjeleníteni decimális értékek (és feldolgozni, ahogy szükséges később) ... szóval, mit tehet a következő ...
var mySlideC = new Slider ($ ('slider_gutter_C'), $ ('slider_knob_C'), $ ('slider_bkg_img_C') {
start: 1,
vége: 100,
offset: 0,
Snap: igaz,
numsteps: 100,
onChange: function (pos) {
$ ('Slider_current_val_2 "). SetHTML (POS / 2 +' mm ');
}
}, Null). SetMin (5);
Megjegyzés: ha meg akarta mutatni a csúszkát egy sor 1-50 félpanziós értékek, mint a (1,5, 2, 2,5, 3 és így tovább), akkor meg a 1-100 tartományban, 100 numsteps be és jeleníti meg a frakciót $ ('slider_current_val_2 "). setHTML (POS / 2 +' mm ');
Remélem ez segít!
Március 31, 2009 at 01:32
Szia Nik,
akkor újra jó .. Ma este megpróbálom, és megmutatom, mit fogok csinálni
Még egyszer köszönöm
Nunzio
Március 31, 2009 at 01:36
Március 31, 2009 at 01:37
előző post volt, kivágás és beillesztés hiba
ez igaz
http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html
Március 31, 2009 at 15:30
Hé Nunzio,
Amit megtiszteltetés! Tonna Köszönöm!
Üdvözlettel: N
Április 3, 2009 at 04:00 am
Hi,
Bárcsak valami öröm a tiéd minden olvasót ezen a poszton
http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html~~V
Április 6, 2009 at 02:10
MoonKiki,
Ez hasznos. Atleast lesz egy valós példát az emberek nézni. Én használtam ezt a Mootools tartomány Slider két tervezési munkálatokat az én ... sajnos vannak még UAT!
Még egyszer köszönöm
N
Április 10, 2009 at 19:36
igazad van, csak egy-két hétig a videó
Április 12, 2009 at 13:04
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Április 13, 2009 at 13:56
Helló,
Van némi kétség a dupla csuklós csúszka. Szeretném küldeni az információt, amit kiválasztott a csúszkát ahhoz, hogy küldjön egy JSP oldal, és nem tudom, hogyan kell csinálni. Szeretnék egy fuction, hogy a min és max értékek ki a javascript, tudna nekem segíteni?
Köszönjük!
Április 14, 2009 at 23:39
Hi Nikhil,
Köszönjük ezt a nagyszerű csúszka. Én használ az első csúszka a három, és nem úgy tűnik, hogy kitaláljuk, hogyan lehet megvalósítani, hogy felmegy a lépéseket, mint a harmadik. Legyen szíves mondja meg, mit kell módosítani szeretné növelni a csúszási 10.
Köszönöm
Április 15, 2009 at 18:18
Tetszik a forgatókönyvet.
köszönöm
Május 7, 2009 at 01:24
Hi Nikhil,
Először is: nagy végrehajtása MooTools Slider osztály! Ez egyszerűen a legjobb változatát odakinn. Azt is gondolom, hogy ez az egyetlen, amelynek a két LEHETOSÉGÉROL gombok helyett csak egy, sőt megállítja őket elhaladó egymást!
Van egy probléma, bár, még ha nem is példa jeleníti meg, láttam a JS fájlt, hogy a "vertikális" módban az eredeti Slider osztály mindig itt van, és szükségem van egy függőleges csúszka két gomb ... úgyhogy meg Az opció "módban" a "vertikális". Néhány CSS kiigazításokat kellett tenni, de ez nem volt túl ijesztő feladat. A probléma az, hogy a gombok nem megfelelően viselkedni már - az egyiket "ugrik" állásba -2 amikor megpróbálok máshol húzza, a másik diák rendben van, de nem engedi egy bizonyos helyzetben a csúszkát.
Mivel nem vagyok benne biztos, hogy pontosan mit is baj, gondoltam, talán csak nem is a kiterjesztése az osztály működését a függőleges csúszka? Próbáltam módosítani az osztály itt-ott, de mindhiába. Vagy ha nem erre, lehetséges, hogy te is egy példa arra, hogyan lehet a függőleges kettős csúszka gomb funkció rendesen? Én nagyon értékelem ezt!
Tehát, ha hajlandó lennék, hogy foglalkozzon ezzel, köszönöm előre is erőfeszítéseket!
Cheers,
Xurk
Június 19, 2009 at 05:06
Van két beviteli mezők értékeit tartja csúszka, a felhasználó megváltoztathatja a beviteli értékeket és azt akarom, hogy frissíteni gombok helyzetben. Írtam ezt a funkciót.
Ez az én javaslatom:
moveToStep: function (step, max) {
if ((step> = this.options.start) && (step this.step) {
this.maxstep = lépésre;
this.maxknob.setStyle ("bal", parseInt (this.toPosition (lépés)));
}
Else {}
/ / MIN
if (lépés <this.maxstep) {
this.step = lépésre;
this.knob.setStyle ("bal", parseInt (this.toPosition (lépés)));
}
}
this.checkStep (1);
this.end ();
}
}
Én writen, hogy egy perce, így lehet, hogy a hibákat
Június 20, 2009 at 11:18 am
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]
Június 26, 2009 at 14:12
Sziasztok
Fantasztikus munka! Tényleg hasznos dolog!
Csak azt akartam megemlíteni néhány problémák és megoldások:
1. "Snap" csak akkor működik a csúszka min, max 1 nem. Majd hozzátette:
if (maxknob! = null) {
this.maxdrag.options.grid = (this.full) / this.options.numsteps;
this.maxdrag.options.limit [this.z] [1] = this.full;
}
belül az "if (this.options.snap)" Úgy tűnik, hogy megoldja ezt.
Igaz, ekkor már több problémát:
2. A csúszka max nem mozognak lépéseket, de néhány esetben megáll egy lépéssel vége előtt, amelynek köze hogyan mx határ maxdrag számítani a checkStep funkciót.
Nos, ez nem egy nagyon bonyolult megoldás, és lehet, hogy nem minden esetben működnek, de azt tapasztaltam, hogy változik:
= mx this.max - this.options.offset;
hogy
= mx this.max - this.options.offset + 0,1;
teszi a probléma menjen el minden más min / max lépés-kombinációk, és megpróbáltam.
Talán ha nem kell a határokat, hogy dinamikusan változik, mint az én esetemben nem lesz ez a probléma, de ha igen, ezt lehet csinálni, hogy az Ön számára.
Most már tudok menni, és én, mint a dupla csúszka asos.com ár szűrő!
Köszönet Nikhil!
Július 9, 2009 at 06:06
[...] MooTools Slider két gomb Ezen a MooTools Slider két gombot (azaz egy kettős rögzített csúszka), a tartomány mutatója. Nézze meg a demo itt. [...]