Mootools Slider Ar Divas pogas (Double Pinned Slider) ar Apjoma rādītāja

Jūs šobrīd pārlūkošanu komentārus. Ja jūs vēlētos, lai atgrieztos uz pilnu stāstu, jūs varat izlasīt pilnu ierakstu šeit: " Mootools slīdni ar Divas pogas (Double Pinned Slider) ar range indikators ".


85 Atbildes uz "Mootools Slider ar diviem Kloķi (Double Pinned Slider) ar Apjoma rādītāju"

  • wanlee Says:

    Ļoti foršs! Es esmu meklējis kaut kas līdzīgs šim. Ir iespējams, ir fiksēts teknes fona attēlu, klipu, nevis pārvietojas no kreisās uz labo? Es cenšos strādāt tā tagad un līdz šim bijuši neveiksmīgi. : (

  • Nikhil Says:

    Tā ir jauka doma! Paldies! Nekad domāja par to. Es centīšos to pārāk!

  • Nikhil Says:

    Hey Wanlee!

    Es domāju, ka es varētu dabūja (vai esmu Vismaz tuvu tam) šķīdumu jūs meklējat. Esmu nomainījis izskatu (made to ar spektra gradientu, gan to, ka viena krāsa) par bkg_slider.gif, lai tikai pārliecinātos, ka attēls ir faktiski kļūst apgriezts. Šis attēls, kas bija agrāk fona attēls slīdni diapazona indikatora rajons, tagad ievietots HTML, absolutly novietots ar slīdni traukā.

    Man ir ievietojis manu darba datnes par šo versiju šeit ...

    Kods / css Agrākās versijas ir tikai komentēt, lai lietotāji varētu sagatavot starpību.

    Arī es esmu pa kreisi sarkanu apmali attēla kā arī ... ko jūs varat noņemt!

    Ceru, ka palīdz!

  • Nikhil Says:

    Tikai PRO versijas suggessted ar Wanlee CON ...

    PRO: Tagad jūs varat būt attēls, kas var norādīt diapazonu ar savu krāsu pārāk ... Ko es domāju ir, piemēram. Jums varētu būt attēlu ar zaļa, oranža un sarkana Ares, tāpēc izvēlēts diapazons būs indiate raksturu izvēlētajā diapazonā.

    CON: Slīdni attēls tiek parādīts ar pilna platuma, līdz pilnīgi Skripts ir piekrauts, un palaist

  • wanlee Says:

    ak jā ... fantastiski! ļoti foršs, Nikhil! Es tiešām saņēmu darba versija, kā arī, bet es uzskatu, jums var būt nedaudz efektīvāka. ;)

    Lūk, vēl ieteikt: Vai ir iespējams būt kloķus muca-up pret otru, nevis šķērsošanu?

    Lielisks darbs, Nikhil! Kudos! :)

  • Nikhil Says:

    Spēja noteikt pārejām no divām pogām ... atjaunināts failu, sekojiet saitei savā komentārā augstāk.

  • wanlee Says:

    hey Nikhil! jauki atkal strādāt! Es pamanīju, ka minKnob joprojām šķērso vairāk, bet tikai pirmajā velciet. pēc velciet tiek inicializēts mēs visi esam labi! tas pats notiek ar Jums?

  • Nikhil Says:

    Hi Wanlee!
    Tur tas ir tādā redakcijā, jautājums, kā jūs minējāt, apmēram pirmā slaida no min kloķi. Šķiet, ka es zinu, kur problēma, bet havn't izdevies fiksēt kopš vakardienas ... ceru kreka to drīz.

    Paldies tonnas norādot problēmu out!

    Nik

  • Nikhil Says:

    Hey Wanlee!

    Strādā agri no rīta uz šādiem jautājumiem tiešām darbojas ... izdevās noteikt šajā jautājumā (no Min Knob šķērsošanas pa Max slēdzi pirmo reizi) šorīt ... es jau augšupielādēts fiksēto slider.js skriptu kā 2.1 versijā

    Atkal! Paldies par jūsu palīdzību ir smērēšanās un ierosinot izmaiņas.

    Nik

  • Wanlee Says:

    Hey Nik! Mēģinājuši savu slīdni un tas darbojas lieliski, bet pārbaudīt šo out:

    Es mēģināju nosakot 'Sākt' PARAM līdz 5 un 'End "Param-15 un tas padara Clipping ļodzīgs. Arī abi slīdošie beigties ar to pašu vērtību. Lūk, kaut kas būtu forši: vietā sliders butting līdz kopā, ir max slīdņa apstājas pie nākamā skaitlis ir lielāks nekā min slīdni.

    Tāpat, kā es varu ieslēgt snapping par?

  • Nikhil Says:

    Hey Wanlee!

    Paldies, kā parasti. Jūs darāt pārbaudes darbu, Ka man jābūt. Tiešām appretiate to.
    Ir aizņemts un būs uz pāris dienām, ar projektu. Saņems atpakaļ uz to, cik drīz vien iespējams.

    Paldies vēlreiz
    Nik

  • Mauricio Hernández Says:

    Hi Nikhil, vai jūs varētu man pateikt, kura līnija ir noteikt pārejām no divām pogām vai varbūt, kuras pozīcijas to dara.

  • Brian Says:

    Atruna: Es neesmu eksperts MooTools attīstība vēl, tāpēc diemžēl es esmu gonna būt viens no tiem džekiem, kurš gatavojas nākt klajā ar ierosinājumiem, viņš nevar gluži īstenot sevi. Lūdzu, paturiet prātā, tas nav pat "iezīme pieprasījums", jo es neesmu gaidījis kāds to izdarīt man. Es tikai gribu dokumentāri pierādīt, ka pastāv interese par turpmākiem papildinājumiem.

    Es vēlos izmantot šo dubulto slīdni, lai atlasītu diapazonu laiku.

    1. papildu funkcija man patīk būt ir sasist sliders 15 minūšu "soļiem". Tā vietā, lai varētu slīdēt pa 1, 2, 3, ..., 14, 15 Es gribu iet uz 0, 15, 30, 45, 60, ..., utt Vai ir veids, kā iegūt slīdni, lai snap šo soli? (Es saprotu, es varētu izmantot koeficientu uz izejas skalas s pogām, bet viena pikseļa PER "solis", ir pārāk smalkgraudainus es gribu jauku liels 10 pikseļu "lec" starp katru soli uz skalas..)

    Otrkārt, es mīlu, lai varētu vilkt diapazonu pati. Saglabā distanci starp pogām pašu, bet greifers "vidējā daļa" un bīdiet to uz priekšu un atpakaļ gar skalas. Tas ir iespējams, daudz sarežģītāk ir jāpaveic, bet vīrs mani saviļņots saņemt šo.

    Anyway, paldies par brīnišķīgo īstenošanai esat jau paredzēta!

  • Nikhil Says:

    Hey Mauricio,

    Im pārbaudot pārklāšanos maily ar CheckStep funkciju Silder klases (tai jābūt apmēram līnija 174)

    Gada MINIMUN Knob limits tiek noteikts "this.drag.options.limit" un tāpat par Max Knob Limita "this.maxdrag.options.limit" ....

    Arī man bija problēma ar overlaping joprojām notiek pirmo reizi, tāpēc man bija darīt pievienot čeku, lai redzētu, slīdni tiek initialied pasākumi (līdz CheckStep funkciju sauc Vismaz vienu reizi.), Un veikt šādas darbības "SetMax" funkcija (arounf līnija 138 īpaši silder.js)
    -------
    ja (this.options.isinit) {
    var lim = {}, var mi, mx;
    mi = - this.options.offset;
    mx = parseInt (this.maxknob.getStyle ("kreisās")) - this.options.offset-4;
    lim [this.z] = [mi, mx];
    this.drag.options.limit = lim;
    this.options.isinit = false;
    }
    ---------

  • Adelino Says:

    Fantastisks darbs Nikhil! Es mīlu to.

    Tiem ir problēmas ar jaunāko Mootools versiju, jūs varat mainīt JavaScript (ar HTML lapā demo) šādi:

    Jums būs nepieciešams lejupielādēt abas MooTools versijas (kodols un vairāk).

    / / Par kravas
    window.addEvent ("domready" funkcija () {
    var mySlideA = jauns Slider ($ ('slider_minmax_gutter_m "), $ (' slider_minmax_minKnobA"), $ ('slider_bkg_img'), {
    sākums: 1920, beigas: 2020, ofsets: 10, knobheight: 20,
    onchange: funkcija (POS) {$ ('slider_minmax_min ") komplekts (' teksts ',' min '+ pos.minpos); $ (' slider_minmax_max") komplekts ('teksts', 'max' + pos.maxpos).. ;}
    ..}, $ ('Slider_minmax_maxKnobA ")) setMin (1981) setMax (2002);

    var mySlideB = jauns Slider ($ ('slider_gutter_1 "), $ (' slider_knob_1"), $ ('slider_bkg_img_1'), {
    sākums: 0,
    beigas: 120,
    ofsets: 10,
    onchange: funkcija (POS) {
    $ ('Slider_current_val ") komplekts (' teksts ', poz +" collām).;
    }
    .}, Null) setMin (100);
    $ ('Slider_current_val ") komplekts (' teksts ', 100 +" collām).;
    });

  • Mootools Slider ar Apjoma rādītāju (divas pogas) | WebGurus Dizains Blogs Says:

    [...] Es beidzot nomainījis savu meklēšanas atslēgvārdu "slīdni ar divām pogām" un es atklāju "Mootools slīdni ar divām pogām" raksta Nikhil D. Kunder kas pieder blogu ar nosaukumu "izteikt to". Šajā [...]

  • Nikhil Says:

    Brian,
    Atvainojiet! vajadzēja atbildēja agrāk. Es esmu jau strādā uz Frist papildlaika snap funkcija) ... bijis iesaistīts ar dažiem maizes un sviesta projektu :) , Lai izpaužas prioritāte.

    Strādās to, cik drīz, man nekādu maz laika ...

    Arī Im joprojām nav skaidrs, par jūsu 2. Extra! ...

  • Nikhil Says:

    Brian,

    Man jāsaka, šo vienu (slaidu solis, šķiet, ir gan uzgriezni, taču esmu redzējis citus regulatorus, kurām šo funkciju). Es sēdēju ar šo pēdējo vakarā un beidzās nostiepes manu matu pār to visu nakti. Loģika ir vienkārša pietiekami, un izdevās iekļaut to diezgan viegli. Bet vizuāli, šķiet apstrīdēt un es, šķiet, neizdosies slikti vēl.
    Labi! Es domāju, es varētu palīdzēt, ja es publicēt manu WIP failus, varbūt jūs (un jebkurš cits) varētu salabot ... es veida, šķiet, pazaudēts ... Es paskatos uz to drīz atkal ... bet pa to laiku, šeit ir mana darba versija,

    Lejupielādēt Mootools slīdni ar slaidu Steps slīdnis

    oh! aizmirsu pieminēt jautājumu ...
    Slider nešķiet pārvietoties līdz beigām slīdņa .... mēģiniet pārvietot to uz savas maksimālās vērtības ....

  • Izsakot IT »Blog Archive» Understandng CSS Clip īpašumu Says:

    [...] Lielākā daļa no CSS autoru piekritīs, ka CSS Klips īpašums ir iespējams, ir viens no visvairāk ANO izmantotās CSS īpašībām. Tas bija tik patiess man pārāk, un bija ļoti laimīgs nevērīgi izturēties, kamēr es sāku mainīt MOOTOOLS DIVI Knob (PIN) Slider Component (svārstoties rādītāja). [...]

  • Mootools Double Pinned slīdnis ar Apjoma rādītāja | Moojaxee Says:

    [...] Viņš ir nolēmis izveidot savu Mootools slīdni ar Divas pogas (Double Pinned Slider) ar range rādītāja. Jūs varat viegli mainīt izskatu un justies no attāluma rādītājs, slīdni slēdzi slīdni dziesmu par [...]

  • AMB albumu »Mootools Double Pinned slīdnis ar Apjoma rādītāja Says:

    [...] Viņš ir nolēmis izveidot savu Mootools slīdni ar Divas pogas (Double Pinned Slider) ar range rādītāja. Jūs varat viegli mainīt izskatu un justies no attāluma rādītājs, slīdni slēdzi slīdni dziesmu par [...]

  • Nikhil Says:

    Brian,

    Atvainojiet! Es jau minēju .. ka Slīdošā Steps izmaiņas tiek iekļautas versijā 2.20 (diemžēl, joprojām ir tikai WIP stāvoklī, tas ir bijis ļoti grūti, lai saglabātu versijas) ... lai jūs varētu verywell lejupielādētu jaunu (2,2) versija, nevis no WIP versijas esmu sniedzis iepriekš ...

    Thanx
    Nik

  • Mootools Divas pogas Slider ar Apjoma rādītāja | Greepit.com | Atvērtās Avots resursi Dizaineru un izstrādātājiem Says:

    [...] RSS feed for updates par šo topic.Powered by WP sveicināt BoxA tiešām handly un skaista slīdni pa Nikhil, kamēr viņš meklē dubultā piesprausto slīdni. Lai gan, viņš atrada dažas labi darīts dubultā [...]

  • 70 Jauna, Noderīga Ajax un Javascript metodes | attīstītājs Rokasgrāmata | Smashing Magazine Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • WordPress Blog Pakalpojumi - 70 New Noderīga Ajax un Javascript Techniques Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • 70 Jauna, Noderīga Ajax un Javascript metodes | How2Pc Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • 70 Jauna, Noderīga Ajax un Javascript metodes | Feed Reader (Beta) Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • http://www.digiwu.com »Blog Archive» 70 New Noderīga Ajax un Javascript Techniques Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • Bezmaksas Tēma: Krāsa Papīrs WordPress Theme tagad par Smashing Magazine | Feed reader (Beta) Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • 70 Jauna, Noderīga Ajax un Javascript metodes | ClickLogin Web Dizains Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • IT tehnoloģijas un kaut »70 New Noderīga Ajax un Javascript Techniques Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • »15 jāredz MooTools Metodes WebAir Blogs Says:

    [...] MooTools slīdnis ar divām pogām [...]

  • Nunzio Fiore Says:

    Hi Vīrietis,
    lieliska vieta un liels darbs ... Es domāju, i ll izmantot to personalizācijas manu moogenda panta http://www.moonkiki.com/moongenda/moogenda.html ) ..
    Es ll pievienot to tādā veidā, ja jūs iestatītu laiku ellapsed sanāksmē ... bet vispirms man ir jautājums
    tas ir iespējams noteikt objektu ir decimālskaitlis
    kaut kas līdzīgs
    8
    8,5
    9
    9,5
    10
    10,5
    un tā tālāk?

    thx
    Nunzio

  • Nikhil Says:

    Hey Nunzio,

    Slīdni detaļu pati nevar apstrādāt aiz slaida soļus ... bet par savu prasību, visiem jums ir, lai parādītu decimālskaitļus (un apstrādāt to kā prasīts vēlāk) ... lai ko jūs varat darīt, ir šādi ...

    var mySlideC = jauns Slider ($ ('slider_gutter_C "), $ (' slider_knob_C"), $ ('slider_bkg_img_C'), {
    sākums: 1,
    beigas: 100,
    nobīde: 0,
    snap: patiess,
    numsteps: 100,
    onchange: funkcija (POS) {
    $ ('Slider_current_val_2 ") setHTML (poz / 2 +" collām').;

    }
    .}, Null) setMin (5);

    PIEZĪME: ja jūs gribēja parādīt slīdni par dažādiem 1-50 ar pusi vērtībām kā (1,5, 2, 2,5, 3 un tā tālāk), jūs varat iestatīt diapazona uz 1-100, iestatītu numsteps līdz 100 un parādīt to frakcija, kā $ ('slider_current_val_2 ") setHTML (poz / 2 +" collām').;

    Hope this helps!

  • nunzio Fiore Says:

    Hi Nik,
    jūs atkal lieliska .. šovakar es mēģināšu un es tev parādīšu, ko es darīšu :)
    Paldies vēlreiz
    Nunzio

  • nunzio Fiore Says:

    Previous post tas bija izgriezt un ielīmēt kļūda :)
    tas ir labi

    http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html

  • Nikhil Says:

    Hey Nunzio,

    Thats gods! Thanks tonnas!

    vislabākos novēlējumus, N

  • MoonKiKi Says:

    Hi,
    Es vēlos man bija kaut kas prieks visiem no jums lasītājiem šo ziņu

    http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html~~V

  • Nikhil Says:

    MoonKiki,

    Tas ir noderīgs. Vismaz būs reāls dzīves piemērs cilvēku pievērš uzmanību. Man ir izmantojis šo Mootools klase slīdni divos manu projektu darbu ... diemžēl viņi joprojām atrodas UAT!

    Paldies vēlreiz
    N

  • moonkiki Says:

    tev taisnība, tikai nedēļu vai divas par video ;)

  • AMB albumu »70 New Noderīga Ajax un Javascript Techniques Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • Dapepan Says:

    Hello,

    Man ir zināmas šaubas, izmantojot dubultās pinned slīdni. Es gribu nosūtīt informāciju esmu atlasīto slīdni, lai nosūtītu uz jsp lapas un es nezinu, kā to izdarīt. Es gribētu būt fuction un saņem min un max vērtības no javascript, vai jūs varētu man palīdzēt?

    Paldies!

  • AD Says:

    Hi Nikhil,

    Paldies par šo lielisko slīdni. Es lietoju pirmo slīdni trīs un, šķiet, nevaram izdomāt, kā to īstenot, ka tas iet uz augšu pa soļiem, piemēram, 3.. Vai varat lūdzu man pateikt, kas man ir nepieciešams rediģēt, lai pieauguma bīdāmo ar 10.

    Paldies

  • nurettin Says:

    Man patīk jūsu skriptu.
    paldies ;)

  • Xurk Says:

    Hi Nikhil,

    First off: liels īstenošana MooTools slīdni klasē! Tas ir viegli labākais variants par to, kas tur. Es arī domāju, ka tas ir vienīgais, kas piedāvā possiblity divu rokturu vietā tikai vienu un pat apstājas viņiem garām viens otram!

    Man ir problēma, lai gan, kaut arī neviens no piemēriem parādīt to, es redzēju JS failā, "vertikālā" režīms no sākotnējā slīdni klasē vēl ir tur, un man vajag vertikālu slīdni ar divām pogām ... tāpēc es noteikti iespēja "režīms" uz "vertikāli". Daži CSS korekcijas bija jāizdara, bet tas nebija pārāk grūts uzdevums. Problēma ir, ka kloķi netiks uzvesties pareizi vairs - viens no tiem "lec ', lai amats -2 kad mēģinu vilkt to citur, otrs slaidi labi, bet neies noteiktu nostāju par slīdni.

    Kā es neesmu pārliecināts, ko tieši notiek nepareizi, es domāju, varbūt tu vienkārši nebija iekļauts jūsu pagarināšanu klases funkcija, vertikālā slīdni? Es esmu mēģinājis mainīt klasi šeit un tur, bet bez rezultātiem. Vai, ja jūs to izdarītu, ir iespējams, ka jūs varētu ietvert piemēru, kā padarīt vertikālo dubultklikšķi kloķi slīdni funkciju pareizi? Es būtu ļoti pateicīgs!

    Tātad, ja jūs vēlaties būt gatavs apsvērt šī, paldies jau iepriekš par jūsu centienus!

    Cheers,
    Xurk

  • Grzegorz Says:

    Man ir divi ievades laukus ar tur slīdni vērtībām, lietotājs var mainīt vērtības ieejas un es gribu, lai atjauninātu Knobs pozīciju. Es uzrakstīju funkciju punktus.

    Šis ir mans priekšlikums:

    moveToStep: funkcija (solis, max) {
    ja ((soli> = this.options.start) && (step this.step) {
    this.maxstep = soli;
    this.maxknob.setStyle ("left", parseInt panta this.toPosition (solis)));
    }
    } Else {
    / / MIN
    ja (soli <this.maxstep) {
    this.step = soli;
    this.knob.setStyle ("left", parseInt panta this.toPosition (solis)));
    }
    }
    this.checkStep (1);
    this.end ();
    }
    },

    Man ir rakstīts tā stunda pirms tā var būt bugs

  • Sveika pasaule! «Trungquy blogs Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

  • symos Says:

    Hi tur

    Fantastisks darbs! Tiešām noderīgi sīkumi!

    Tikai gribēju pieminēt pāris problēmas un risinājumi:

    1. "Snap" darbojas tikai uz min slīdni, nevis max 1. Pievienojot:

    ja (maxknob = null!) {

    this.maxdrag.options.grid = (this.full) / this.options.numsteps;
    this.maxdrag.options.limit [this.z] [1] = this.full;
    }

    iekšpusē ", ja (this.options.snap)", šķiet, lai atrisinātu to.
    Tomēr, tad ir vairāk problēmas:

    2. Max slīdnis nav kustēties soļiem, bet dažos gadījumos tas apstājas vienu soli pirms beigām, kam sakars ar to, kā mx robeža maxdrag aprēķina ietvaros checkStep funkciju.

    Tagad, tas nav ļoti sarežģīta risinājumu un, iespējams, nedarbojas visos gadījumos, bet es atklāju, ka mainās:

    mx = this.max - this.options.offset;

    līdz

    mx = this.max - this.options.offset + 0,1;

    padara problēma iet prom visās dažādu min / max un soli kombinācijām es centos.

    Varbūt, ja jums nav nepieciešams to robežas mainīt dinamiski, piemēram, manā gadījumā jums nebūs šo problēmu, bet, ja jūs darāt, tas var to izdarīt jūsu vietā.

    Tagad es varu iet tālāk un padarīt savu asos.com tāpat dubultā slīdni cenu filtru!

    Paldies Nikhil!

  • 70 Jauna, Noderīga Ajax un Javascript Techniques «Ramesh Says:

    [...] MooTools slīdnis ar divām pogām Tas ir MooTools Slider ar divām pogām (ti divreiz pinned slīdni), ar attāluma rādītājs. Pārbaudiet demo šeit. [...]

Atstāj atbildi

NDK sākums | Izsakot IT | Izsakot aukslējas | Izsakot Penmenship | Izsakot bijību | Izsakot Sevi