ИМХО, при связывании по левой или правой границе, длина «пассивного трекбара» должна не менятся. но то, что исключения отрабатывает в том варианте, какой есть - порадовало :)

dkrnl 20 мая 2008 в 13:32

качествный рывок в сравнении с прошлыми версиями, стало очень юзабельно, спасибо (:

dkrnl 20 мая 2008 в 13:33

пожелания:
малость не хватает - это управление клавиатуры, tab совсем не работает, и outline хотелось бы для активных элементов.

bur 20 мая 2008 в 13:54

* записывает

zvirusz 20 мая 2008 в 14:24

добавьте в дэмку какой-нибудь костыль, на случай отключенного js...
а то у меня js отключен был, открыл дэмку - а там пустота... секунд 5 доходило, почему так :)

dkrnl 20 мая 2008 в 14:43

+1, имхо <input type="text" /> лучший вариант, для совместимости вниз

diamant 20 мая 2008 в 22:35

а зачем js отключен? или у вас КПК?

zvirusz 21 мая 2008 в 08:07

да я просто сайт свой тестил, включить забыл.

Krov_za_krov 20 мая 2008 в 13:52

Кстати, на новом сайте от студии Лебедева используется этот принцип бегунка в каталоге автомобилей :-)

bur 20 мая 2008 в 13:59

Хорошие трекбары у Лебедева. Странно что округление не реализовано в выбранных значениях.

homm 20 мая 2008 в 14:30

Да, ползунок замирает а циферки плывут.

pxx 20 мая 2008 в 13:53

А где-то есть home проекта? Хочется занести в букмарки, но не нахожу, только статья на хабре, демка и исходники.

bur 20 мая 2008 в 13:57

Home проекта через месяц-другой появится на fastcoder.org.
Но пока фасткодер на реконструкции проект существует исключительно в виде статей на webew и хабре. + дистрибутив

quark 20 мая 2008 в 14:00

Есть пожелание - сделать эту штуку в виде плагина к jQuery...

bur 20 мая 2008 в 14:02

Есть такой плагин, в папке jQuery основного дистрибутива валяется. Читайте статьи.

quark 20 мая 2008 в 14:07

ойой... извиняюсь... балда... глянул только в исходники примера...

dkrnl 20 мая 2008 в 14:10

я люблю jquery, но плагины jquery по уровню глюков просто ужасны ):
ваш трэкбар и быстрее и меньше глюков при перемешении

lyxsus 20 мая 2008 в 14:16

Лицензия CC - Attribution, Noncommercial, No Derivative Works или Share Alike?

bur 20 мая 2008 в 15:06

This code is a public domain.

Heath 20 мая 2008 в 14:22

Уже писал — очень хочется фокус и управление стрелками с клавиатуры. Либо хотя бы связывание со значениями в форме. Если есть связывание, добавьте в демку. :)

P.S.: Извините за возможное ламерство — я менеджер, а не программист.

bur 20 мая 2008 в 15:11

Спасибо! Записано :-)

smartov 21 мая 2008 в 14:20

Связывание со значениями :) Я же говорил попросят :)

bur 21 мая 2008 в 14:41

Связывание со значениями реализуется без особых проблем из ф-ии обратного вызова. А вот над управлением и фокусом можно подумать.

homm 20 мая 2008 в 14:23

Подкидываю идейку: прокручивание ползунка с помошью колесика при наведении мыши.

bur 20 мая 2008 в 15:09

Гут! Можно попробовать. Кстати, есть у меня хороший скрипт для управление скроллом, никто такую статью на Хабре не писал еще?

homm 20 мая 2008 в 15:20

Есть хороший плагин для jQuery.

bur 20 мая 2008 в 17:11

Эх, ну что Вы право слово, всё jQuery и jQuery :-)

homm 20 мая 2008 в 20:57

Как минимум можно посмотреть что в нем есть и какие с этим косяки в разных браузерах.

Heath 20 мая 2008 в 14:26

Также обнаружен следующий глюк в спецдемке про связывание по левому бегунку.
1. Перемещаем левые бегунки на 0.
2. Перемещаем верхний правый бегунок на 20.
3. Двигаем целиком нижний бегунок в самый правый край.

Бабах! Верхний бегунок сжался в 20 и остался на месте, хотя должен бы был точкой переехать в 55. Теперь можно двигать левый нижний бегунок, а правый двигаться не будет. Если же начать двигать верхний правый бегунок, нижний левый перескочит на отметку 20.

zvirusz 20 мая 2008 в 14:41

это не баг, это фишка :)
связывание же по левому бегунку, а не по обоим.
imho, текущее поведение адекватно.

Heath 20 мая 2008 в 14:43

Это не фишка, потому что связывание по левому бегунку развязывается. В таких случаях левый бегунок должен двигать правый.

homm 20 мая 2008 в 15:20

Вы думаете? Мне кажется в таком случае не должен двихаться ни один ползунок.

Heath 20 мая 2008 в 15:26

А в чём вообще смысл связывания по одной из сторон? В каких случаях оно применяется? Надо и плясать тогда от логики — должны они двигаться, или нет.

bur 20 мая 2008 в 15:08

Это действительно не бага.
Просто такая реализация. Можно поставить дополнительные условия в onMove и будет работать так, как вы себе представляете.

windock 20 мая 2008 в 14:27

Было бы неплохо иметь возможность управления несколькими ползунками. Вот как здесь

zvirusz 20 мая 2008 в 14:38

ссылку напишите... Вам html нельзя ещё...

windock 20 мая 2008 в 15:50

http://interface.eyecon.ro/demos/slider.…

bur 20 мая 2008 в 17:27

То ли ссылка кривая, то ли страница не рабочая.

moscow_beast 20 мая 2008 в 16:31

Автру большущее спасибо, то что доктор прописал для Web интерфейса сканера. Яркость, гамма, размер области сканирования. Плюсанул-бы, если-б было чем.

gyunter 20 мая 2008 в 17:56

Мило смотрятся :)

Mongi 20 мая 2008 в 20:02

Пост про этот трекбар я увидел где-то в пятницу, когда он был уже доведен до версии 3 и добавлена поддержка jQuery. Сам по себе он мне понравился своей простотой, приятоной реализацией и безглючной работой. За это автору огромная благодарность и уважение.

Тогда же в пятницу тут появился пост про трекбар с определением диапозона времени, но его поругали за большой размер, и тогда у меня родилась идея сделать на базе TrackBar нечто подобное. Однако всё оказалось не так просто, поскольку первоначально оно имеет достаточно ограниченный функционал, а точнее: оно работает и отображает только цифры, поэтому пришлось допиливать, итог:

http://img371.imageshack.us/img371/2936/trackbarnn8.jpg

Предвкушая вопросы, сразу дам ответы на некоторые из них: нет, это не фотошоп; да, это тот же TrackBar; нет, засечки динамические, а не скомпиленные.

При этом я использовал только версию для jQuery, но изменения там не настолько кардинальные и всё, в теории, можно перенести на первоначальную концепцию.
Если хабранароду интересна моя реализация и автор не будет против, то я могу в ближайшие дни её опубликовать.

bur 20 мая 2008 в 20:07

Получайте плюс в карму для публикаций. Конечно интересно.
Более того, если оформите версию в какой-то законченный подпроект, то я с удовольствием добавлю его в дистрибутив (с Вашего разрешения, ессно). Пишите!

Mongi 20 мая 2008 в 20:31

Оно уже сейчас может считаться RC, поскольку все основные доработки вынесены в настройки.

Спасибо за карму, как появится свободное время почищу и подробно всё опишу и опубликую.

bur 20 мая 2008 в 22:10

Скиньте мне ссылку, плз, если будете публиковать отдельным топиком.

Mongi 26 мая 2008 в 00:02

Скидываю, http://habrahabr.ru/blog/javascript/4304…

smartov 21 мая 2008 в 14:24

Плюсанул. Жду публикации.

acy 20 мая 2008 в 21:52

Все клево, только мне кажется, что где-то здесь:
http://moiklimat.ru/:)/naeb.jpg
Меня на*бали :)

PS: К сожалению не могу вставить картинку :(

bur 20 мая 2008 в 22:09

Это не бага, а такая вот простая реализация связи. Можете самостоятельно добавить пару условий в функцию обратного вызова для любого желаемого эффекта.

Shtormov 20 мая 2008 в 23:26

На рамблеравто в разделе объявлений такую штуку видел

vittore 21 мая 2008 в 12:19

спасибо, пригодится))

vittore 21 мая 2008 в 12:30

Вот еще пожелания,
возможность связывать трекбар с ,
возможность создания группы ползунков и установка группового минимального и максимального значения

bur 21 мая 2008 в 12:32

Боюсь, что это как раз тот функционал, который может убить простоту и удобство текущего API. Проще воспользоваться имеющимися возможностями и приложить минимум усилий в функции обратного вызова.

vittore 21 мая 2008 в 12:49

я согласен, но вот связь с input'ом позволит связать эту полезную штуку с другими инструментами

bur 21 мая 2008 в 13:18

Связь трекбара может быть оправдана с самыми различными элементами: input[type=text], select, input[type=hidden] и др. Каждый должен сам выбрать что ему больше подходит исходя из поставленной задачи. Здесь универсальность ни к чему.

НЛО прилетело и опубликовало эту надпись здесь

bur 2 июн 2008 в 12:33

Используйте метод updateLeftValue.
См. в статье "Синхронизация трекбаров".

НЛО прилетело и опубликовало эту надпись здесь

bur 2 июн 2008 в 14:38

Думаю сам собраться и изучить jQuery, тогда дело пойдет веселее. Уверен, что можно и с jQuery, но быстрого решения привести не могу.

zvirusz 22 мая 2008 в 13:52

о, наткнулся на пример, как делать не надо :)
http://v2.ozt.ru/catalogue/fire-protecti…
"срок эксплуатации" ещё ничего, а вот верхний - криво... да и размер страницы со всем - 333кб, ужасает.

bur 2 июн 2008 в 12:31

Да, неважнецкий трекбар :-)

XXXVII 7 мар 2011 в 14:10

Есть ли возможность где-нибудь сейчас скачать эту библиотеку? Фасткодер закрыт, а все ссылки ведут на него.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

JS-TrackBar, четвертая версия бегунков

Комментарии 67

Публикации

Истории