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 Слайдер с двумя ручками (т.е. дважды возлагали слайдер), с диапазоном индикаторов. Посмотрите демо здесь. [...]