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

[fuksito]

Как-то версии сильно шустро меняться, вы что про дробные части не слышали.

[bur]

Это формальности.
От того, версия будет 0.4.0. суть не изменится.

[fuksito]

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

[bur]

В текущей версией нельзя. Делитесь своим трекбаром :-)

[fuksito]

Поделюсь, когда дочищу) он у меня уже вертикальный

[Fragster]

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

[dkrnl]

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

[dkrnl]

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

[bur]

* записывает

[zvirusz]

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

[dkrnl]

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

[diamant]

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

[zvirusz]

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

[Krov_za_krov]

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

[bur]

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

[homm]

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

[pxx]

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

[bur]

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

[quark]

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

[bur]

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

[quark]

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

[dkrnl]

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

[lyxsus]

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

[bur]

This code is a public domain.

[Heath]

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

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

[bur]

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

[smartov]

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

[bur]

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

[homm]

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

[bur]

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

[homm]

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

[bur]

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

[homm]

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

[Heath]

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

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

[zvirusz]

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

[Heath]

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

[homm]

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

[Heath]

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

[bur]

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

[windock]

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

[zvirusz]

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

[windock]

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

[bur]

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

[moscow_beast]

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

[gyunter]

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

[Mongi]

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

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

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

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

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

[bur]

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

[Mongi]

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

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

[bur]

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

[Mongi]

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

[smartov]

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

[acy]

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

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

[bur]

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

[Shtormov]

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

[vittore]

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

[vittore]

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

[bur]

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

[vittore]

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

[bur]

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

[bur]

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

[bur]

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

[zvirusz]

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

[bur]

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

[XXXVII]

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