Mootools слайдер з двома ручками (Double ВАЖЛИВО Slider) і діапазон показників
Ви переглядаєте коментарі. Якщо ви хочете, щоб повернутися до повної новини ви можете прочитати повну запис тут: " Mootools слайдер з двома ручками (Double ВАЖЛИВО Slider) і діапазон показників ".
11 грудня 2008 в 10:59
Дуже здорово! Я шукав щось на зразок цього. Чи можна мати фіксований фонове зображення жолоба, що кліпи замість переміщення зліва направо? Я намагаюся працювати над цим в даний час і до сих пір не увінчалися успіхом.
12 грудня 2008 в 3:45 ранку
Це хороший думка! Спасибо! Ніколи не думав про це. Я постараюся це занадто!
12 грудня 2008 в 5:12 ранку
Гей Wanlee!
Я думаю, я міг би є (або я принаймні близько до) рішення, яке ви шукали. Я змінив погляд (зроблено це зі спектром градієнт, а що один колір) bkg_slider.gif, так що просто переконайтеся, що зображення насправді отримання обрізається. Цей образ, який був раніше фонове зображення для індикатора поділу діапазону повзунка, в даний час поміщений в HTML, Absolutly розташований слайдер з контейнером.
Я розмістив мої робочі файли цієї версії тут ...
Код / CSS більш ранньої версії просто коментар, для користувачів, щоб мати можливість зробити з різниці.
Крім того, я залишив червоні межі зображення, а також ..., який можна видалити!
Сподіваюся, що допомагає!
12 грудня 2008 в 5:31 ранку
Тільки за і проти версії suggessted по Wanlee ...
PRO: Тепер Ви можете варіювати зображення, які можуть вказати діапазон його колір теж ... Я маю на увазі, наприклад, для. ви могли б зображення з зеленим, помаранчевим та червоним соток, так що обраний діапазон indiate характер вибраного діапазону.
CON: слайдер зображення відображається з повної ширини, аж до повного сценарію завантаження і запуску
12 грудня 2008 в 5:32 вечора
ах так ... фантастика! дуже здорово, Nikhil! Я насправді є робоча версія, як добре, але я вважаю, у вас можуть бути трохи більш ефективним.
Ось ще пропоную: чи можна мати ручки встик один проти одного, а не переходять?
Відмінна робота, Nikhil! Слава!
16 грудня 2008 в 2:09 ранку
Вдалося зафіксувати перехід у дві ручки ... оновлений файл, перейдіть за посиланням у мій коментар вище.
18 грудня 2008 в 10:47 вечора
агов Nikhil! хороша робота ще раз! Я помітив, що до цих пір minKnob переходить, але тільки на перший опору. Після перетягування ініціалізується ми все добре! це те ж саме трапиться з вами?
19 грудня 2008 в 9:48 вечора
Привіт Wanlee!
Існує ця проблема у версії, як ви згадали, про перший слайді хв ручку. Я, здається, знаю в чому проблема, але havn't змогли виправлення з учорашнього дня ... сподіваюся, зламати найближчим часом.
Завдяки тонн, які вказують на проблеми поза!
Nik
19 грудня 2008 в 11:37 вечора
Гей Wanlee!
Робочі рано вранці з таких питань, насправді працює ... вдалося вирішити проблему (Мін Ручка переходу через регулятор Max, в перший раз) сьогодні вранці ... Я вже завантажив скрипт фіксованою slider.js як версія 2.1
Знову! Дякуємо за вашу допомогу у виявлення та внесення пропозицій.
Nik
11 січня 2009 в 8:27 вечора
Гей, Нік! Намагається ваш движок і він прекрасно працює, але перевірити це:
Я спробував встановити "Пуск" параметрів до 5 параметрів і «кінець» до 15, і це робить відсікання хиткий. Крім того, обидва повзунка в кінцевому підсумку з тим самим значенням. Ось дещо, що було б здорово: замість повзунків будується разом, біля зупинки максимально повзунок на наступний номер більше, ніж хв слайдер.
Крім того, як я можу включити клацаючи на?
14 січня 2009 в 9:40 вечора
Гей Wanlee!
Спасибі, як звичайно. Ви робите тест роботи, що я повинен мати. Дійсно appretiate він.
Був зайнятий і буде протягом декількох днів, з проектом. Повернемося до цього як можна швидше.
Ще раз спасибі
Nik
4 лютого 2009 в 1:42 вечора
Привіт Nikhil, не могли б ви сказати мені, який лінії фіксації перехресного двох ручок або, може бути, які лінії будуть це робити.
6 лютого 2009 в 11:42
Правова застереження: я не є експертом у розвитку MooTools ще, тому, на жаль, я збираюся бути одним з тих хлопців, хто буде вносити пропозиції, він не може цілком виконувати сам. Будь ласка, майте на увазі, що це навіть не "функція запиту", тому що я не очікував ніхто, щоб зробити це для мене. Я просто хочу, щоб документально підтвердити, що є зацікавленість у подальшому доповнення.
Я хочу використовувати це подвійний слайдер для вибору проміжку часу.
Перша додаткова особливість, яку я хотів би мати це підняти повзунки в 15 хвилин "кроків". Замість того, щоб бути в змозі ковзати через 1, 2, 3, ..., 14, 15 я хочу піти 0, 15, 30, 45, 60, ..., і т.д. Чи є спосіб отримати повзунок, щоб прив'язуватися до цих кроком? (Я розумію, я міг би використовувати мультиплікатор на вихідне значення регулятора масштабу, але один піксель за «крок» занадто дрібнозернистий. Я хочу хороший великий 10 пікселів "стрибає" між кожним кроком по шкалі).
По-друге, я хотів би мати можливість перетягнути діапазон себе. Тримайте відстань між ручками те ж саме, але захопити "середній частині" і посуньте його вперед і назад по шкалі. Це, напевно, набагато складніше виконати, але людина б я схвильований, щоб мати це.
У будь-якому випадку, спасибі за дивовижний реалізації ви вже забезпечений!
8 лютого 2009 в 6:07
Гей, Маурісіо,
Im перевірки перекриття Мейли в CheckStep функції класу Silder (вона повинна біля лінії 174)
Межа Мінімальна ручка встановлюється в "this.drag.options.limit", а так само обмеження на ручку Макса в «this.maxdrag.options.limit" ....
Крім того, у мене були проблеми з перекриваються як і раніше відбувається в перший раз (тобто до CheckStep функція викликається принаймні один раз.), Так що я повинен був зробити додати перевірку, щоб переконатися, слайдер іде initialied, і виконайте такі дії в "SetMax" функції (arounf лінії 138 в silder.js)
-------
якщо (this.options.isinit) {
УАГ Пт = {}; УАГ миль, м;
миль = - this.options.offset;
м = ParseInt (this.maxknob.getStyle ('left')) - this.options.offset-4;
Ит [this.z] = [ми, м];
this.drag.options.limit = Нт;
this.options.isinit = брехня;
}
---------
12 лютого 2009 В 5:13 ранку
Фантастичний Nikhil роботу! Я люблю його.
Для тих, хто має проблеми з останніми версіями Mootools, ви можете змінити JavaScript (в HTML-сторінку демо) наступним чином:
Вам потрібно буде завантажити як MooTools версії (ядро і більше).
/ / НА НАВАНТАЖЕННЯ
window.addEvent ('domready, функція () {
УАГ mySlideA = новий слайдер ($ ('slider_minmax_gutter_m'), $ ('slider_minmax_minKnobA'), $ ('slider_bkg_img') {
початок: 1920, закінчення: 2020 р., зсув: 10, knobheight: 20
OnChange: функція (POS) {$ ('slider_minmax_min) набір (' Текст ',' хв '+ pos.minpos) $ (' slider_minmax_max) набір ('Текст', 'Макс' + pos.maxpos) .. ;}
..}, $ ('Slider_minmax_maxKnobA)) SetMin (1981) SetMax (2002);
УАГ mySlideB = новий слайдер ($ ('slider_gutter_1'), $ ('slider_knob_1'), $ ('slider_bkg_img_1') {
початок: 0,
закінчення: 120,
Зміщення: 10
OnChange: функція (POS) {
$ ('Slider_current_val) набір (' текст ', пос + дюймів).
}
.}, NULL) SetMin (100);
$ ('Slider_current_val) набір (' текст ', 100 + дюймів).
});
12 лютого 2009 В 1:29 вечора
[...] Я, нарешті, змінили мою пошук за ключовими словами в «слайдер з двома ручками", і я знайшов "Mootools слайдер з двома ручками", написана Nikhil D. Кундера, хто володіє блог під назвою "Висловлюючи IT". Це [...]
14 лютого 2009 в 6:29 am
Брайан,
, Так що стає пріоритетом.
Вибачте! повинні відповів раніше. Я му вже працює над Фріст Extra (оснащення функція) ... був пов'язаний з хлібом і маслом проекту
Чи буде працювати над цим, як тільки я отримую будь мало часу ...
Крім того, я все ще не ясно, про ваш другий Extra! ...
14 лютого 2009 в 11:03 вечора
Брайан,
Я повинен сказати, це одне (слайд крок, здається, не дивлячись на гайку, але я бачив інших слайдерів з цією функцією). Я сидів з цим вчора ввечері і в кінцевому підсумку потягнувши мене за волосся над ним всю ніч. Логіка здається досить простим і зумів включити його досить легко. Але візуально, здається, кинути виклик, і я, здавалося, ще погано невдачу.
Ну! Я думав, я міг би допомогти, якщо я публікую мої файли WIP, може бути, ви (і будь-який інший) можете це виправити ... Я, звичайно, здається, втратив ... Я буду дивитися на це знову скоро ... а поки, ось моя робоча версія,
Завантажити Mootools слайдер з повзунком Слайд кроки
О! забув згадати про проблему ...
Слайдер, здається, не рухатися до кінця слайдер .... спробуйте перемістити його до максимального значення ....
17 лютого 2009 в 3:23 ранку
[...] Більша частина письменників CSS погодяться, що CSS кліп власності, ймовірно, одним з найбільш невикористаних властивостей CSS. Це було так вірно і для мене і був найщасливіший нехтувати цим, поки я не почав зміни MooTools ДВА ручку (Pin) Slider Компонент (з Range Indicator). [...]
17 лютого 2009 в 5:36 am
[...] Він вирішив створити свій власний слайдер Mootools з двома ручками (Double ВАЖЛИВО Slider) з діапазоном показників. Ви можете легко змінити зовнішній вигляд і ряд показників, повзунок регулятора, регулятор трек [...]
17 лютого 2009 в 12:48
[...] Він вирішив створити свій власний слайдер Mootools з двома ручками (Double ВАЖЛИВО Slider) з діапазоном показників. Ви можете легко змінити зовнішній вигляд і ряд показників, повзунок регулятора, регулятор трек [...]
17 лютого 2009 в 9:40 вечора
Брайан,
Вибачте! Я вже згадував .. , Що зміни на слайд кроки включені у версії 2.20 (на жаль, все ще перебуває в стані незавершеної, це було дуже важко тримати версії) ... так що ви можете verywell завантажити нову (2.2) версії замість WIP версію я надав вище ...
Спасибо
Nik
22 лютого 2009 в 3:13 вечора
[...] RSS стрічка оновлень на цій topic.Powered на WP Вітайте BoxA дійсно handly і красивий слайдер Nikhil, в той час він шукав подвійний слайдер покладали. Правда, він знайшов кілька добре зробили подвійний [...]
8 березня 2009 в 3:01 вечора
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
8 березня 2009 в 11:31 вечора
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
9 березня 2009 в 1:56 ранку
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
9 березня 2009 в 1:57 am
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
9 березня 2009 в 7:02 am
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
9 березня 2009 в 10:57
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
9 березня 2009 в 2:32 вечора
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
17 березня 2009 в 6:56 ранку
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
26 березня 2009 в 12:38
[...] MooTools Слайдер з двома ручками [...]
28 березня 2009 в 3:41
Привіт людина,
велику ділянку і велику роботу ... Я думаю, я буду використовувати його для персоналізації свого moogenda ( http://www.moonkiki.com/moongenda/moogenda.html ) ..
Я буду додавати його в форму, де ви встановите час ellapsed на зустрічі ... але спочатку у мене є питання
Він з можливим встановити об'єкт, щоб мати десяткове число
щось на зразок
8
8,5
9
9,5
10
10,5
і так далі?
THX
Нунцій
31 березня 2009 в 1:25 вечора
Гей Нунція,
Слайдер компонент сам по собі не може обробляти десяткові кроки слайд ... але ваші вимоги, все, що вам потрібно, це відображення десяткового значення (і обробити його відповідно до вимог пізніше) ... так що ви можете зробити це таким чином ...
УАГ mySlideC = новий слайдер ($ ('slider_gutter_C'), $ ('slider_knob_C'), $ ('slider_bkg_img_C') {
старт: 1
закінчення: 100,
Зміщення: 0,
Оснащення: так,
numsteps: 100,
OnChange: функція (POS) {
$ ('Slider_current_val_2) setHTML (поз. / 2 + дюймів).
}
.}, NULL) SetMin (5);
Примітка: якщо ви хочете показати повзунок для діапазону 1-50 з половиною значення типу (1.5, 2, 2.5, 3 і т.д.) ви можете встановити діапазон 1-100, встановити numsteps до 100 і відобразити його в Частка як $ ('slider_current_val_2) setHTML (поз. / 2 + дюймів).
Сподіваюся це допоможе!
31 березня 2009 в 1:32 вечора
Привіт Нік,
Ви повторно великий .. Сьогодні ввечері я спробую і я покажу вам, що я буду робити
Ще раз спасибі
Нунцій
31 березня 2009 в 1:36 вечора
31 березня 2009 в 1:37 вечора
попереднє повідомлення було вирізати і вставляти помилка
це право
http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html
31 березня 2009 в 3:30 вечора
Гей Нунція,
Thats, честь! Завдяки тонн!
З найкращими побажаннями, N
3 квітня 2009 в 4:00 ранку
Привіт,
Шкода, що я зробив щось задоволення для всіх ваших читачів з цією поштою
http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html ~ ~ V
6 квітня 2009 в 2:10 вечора
MoonKiki,
Це корисно. Принаймні буде реальний приклад з життя людей, щоб подивитися. Я використав цей слайдер Mootools діапазон у дві мої роботи проекту ... На жаль, вони все ще знаходяться під UAT!
Ще раз спасибі
N
10 квітня 2009 в 7:36 вечора
Ви маєте рацію, тільки через тиждень або два на відео
12 квітня 2009 в 1:04 вечора
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
13 квітня 2009 в 1:56 вечора
Привіт
У мене є деякі сумніви у використанні подвійних покладали слайдер. Я хочу відправити інформацію, яку я вибрав в слайдері для того, щоб відправити на сторінці JSP, і я не знаю, як це зробити. Я хотів би мати фікцію, щоб отримати мінімальне і максимальне значення з JavaScript, не могли б ви мені допомогти?
Спасибо!
14 квітня 2009 в 11:39 вечора
Привіт Nikhil,
Спасибо за цей великий слайдер. Я використовую перший слайдер з трьох і не можу зрозуміти, як реалізувати, що він йде в кроки, як третій. Чи можете ви сказати мені, що мені потрібно змінити, щоб збільшити ковзання на 10.
Спасибо
15 квітня 2009 в 6:18 вечора
Мені подобається ваш сценарій.
спасибі
7 травня 2009 у 1:24 вечора
Привіт Nikhil,
По-перше: велика реалізації класу MooTools Слайдер! Це легко кращий варіант його там. Я також думаю, що це тільки той, який пропонує відзначимо можливість дві ручки замість однієї і навіть заважає їм передаючи один одному!
У мене є проблема, хоча, навіть якщо жоден із прикладів відображення, я побачив в файлі JS, що "вертикальний" режим від оригінального класу Slider все ще там, і мені потрібно вертикальний слайдер з двома ручками ... тому я опція "Режим" до "вертикальних". Деякі CSS корективи повинні були бути зроблені, але це була не надто складним завданням. Проблема в тому, що регулятори не будуть вести себе належним чином більше - один з них "скачки" в положення -2, коли я намагаюся перетягнути його в інше місце, інший слайди добре, але не пройде певне положення на слайдері.
Як я не впевнений, що саме йде не так, я подумав, може бути, ви просто не включив ваше розширення класу функціонувати для вертикального слайдера? Я намагався змінити клас тут і там, але безрезультатно. Або, якщо ви зробили це зробити, це можливо, що ви можете включити приклад того, як зробити вертикальний подвійного слайдера ручку нормально функціонувати? Я дуже ціную це!
Так що якщо ви були б готові розібратися в цьому, дякую заздалегідь за ваші зусилля!
Cheers,
Xurk
19 червня 2009 в 5:06 вечора
У мене є два поля вводу містить повзунок значення, користувач може змінювати значення вхідних і я хочу, щоб оновити положення ручки. Я написав функцію для цього.
Це моя пропозиція:
moveToStep: функції (крок, не більше) {
якщо ((крок> = this.options.start) && (крок this.step) {
this.maxstep = кроці;
this.maxknob.setStyle ("наліво", ParseInt (this.toPosition (крок)));
}
{} Інше
/ / MIN
якщо (крок <this.maxstep) {
this.step = кроці;
this.knob.setStyle ("наліво", ParseInt (this.toPosition (крок)));
}
}
this.checkStep (1);
this.end ();
}
}
Я прописаний його хвилину назад, так що можуть мати помилки,
20 червня 2009 в 11:18
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]
26 червня 2009 в 2:12 вечора
Привіт всім
Фантастична робота! Дійсно корисні речі!
Просто хотілося б відзначити кілька проблем і рішень:
1. "Snap" працює тільки для мін слайдер, а не максимальна один. Додавання:
якщо (maxknob! = NULL) {
this.maxdrag.options.grid = (this.full) / this.options.numsteps;
this.maxdrag.options.limit [this.z] [1] = this.full;
}
всередині ", якщо (this.options.snap)", здається, вирішити цю проблему.
Тим не менш, тобто більше проблем:
2. Слайдер Макс робить крок у кроках, але в деяких випадках вона зупиняється один крок до кінця, маючи справу з тим, як межа для maxdrag м розраховується в checkStep функції.
Тепер, це не дуже складне рішення і, можливо, не у всіх випадках, але я виявив, що зміни:
м = this.max - this.options.offset;
до
м = this.max - this.options.offset + 0,1;
робить завдання піти в самих різних комбінаціях хв / макс і крок, я намагався.
Може бути, якщо вам не потрібно змінювати межі динамічно, як у моєму випадку у вас не буде цієї проблеми, але якщо ви робите, це може зробити це за вас.
Тепер я можу піти далі і зробити мій asos.com як подвійний фільтр ціна слайдера!
Завдяки Nikhil!
9 липня 2009 в 6:06 вечора
[...] MooTools Слайдер з двома ручками Це MooTools Слайдер з двома ручками (тобто двічі покладали слайдер), з діапазоном індикаторів. Подивіться демо тут. [...]