Как стать автором
Обновить

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

Люблю трекбар-посты. Уже качаю, спасибо за продолжение.
Блин, минут 10 уже сижу играюсь — оторваться не могу :)
Автор, ты мой кумир! :)
Да в опере действительно зрелище местами печальное :)
Но автор безусловно молодец, надеюсь на фиксы и может будет наконец идеальный-универсальный-трэкбар
ага, в опере подтупливает немного
Спасибо, очень хорошо! Эстафета трекбаров ушла в массы :-)
Пока не смотрел код, но демка приятная.
Пару дней назад нашел Ваше сообщение на фасткодере, но e-mail, который указан в качестве обратного адреса не принимает почту...
Если вы не против - можно собрать воедино основную ветку и продолжить разработку.
Да, я абсолютно не против и всеми руками за. Можно даже ветку назвать jTrackBar. Ж)

P.S. Видимо оно не понравилось нашему почтовику :-\
Из глюков:

Пример №6. Выставляем верхний слайдер на диапазон 0—100, нижний на 0—20. А теперь перемещаем верхний диапазон вправо. Нижний слайдер при этом удлиняется (не диапазон, а сам слайдер). Решить проблему можно вводом ограничений на перемещение связанных слайдеров.

Пример №7. Выставляем верхний слайдер на года, а нижний на любой диапазон. Теперь, если верхний перемещать вниз, уменьшая периоды, то диапазон нижнего выходит за границы слайдера, и тот становится неуправляемым. Нужно какое-то ограничение для верхнего.
№6: Да, там нет проверки на установку левого значения и порой оно может оказаться больше правого. Изначально я думал ввести такое ограничение внутри updateLeftValue, но потом решил, что за это пусть лучше отвечает внешняя процедура, больше гибкости.

№7: Это не глюк, а специальный режим работы, когда левое или правое значение уходит за установленные границы, то соответствующие ползунки исчезают. При этом слайдер продолжает быть управляемым через перетаскивание за центральную часть без уменьшения интервала между ползунками. Я не претендую на то, что 7й пример является полностью юзер-френдли, он скорее на данном этапе является технологической демкой.
По поводу последнего хитрого слайдера, который дату-время выбирает.

Мне кажется, было бы естественнее использовать верхний ползунок для определения масштаба нижнего, а не для выбора параметра. То есть когда на верхнем выбрана «пара часов», на весь нижний растянута пара часов и цена деления, например, десять минут. Чем крупнее масштаб — тем мельче цена деления.

Думаю, что так будет понятнее.

_____
(что-то я с этими крупнее-мельче запутался ;) ерунда какая-то, как со словом «разрешение»)
когда один маркер тащишь и он упирается в другой, должен чуть прилипнуть и пройти сквозь него. Значения начала и конца _могут_ при этом мняться местами.
Блин, в которой раз уже пытаюсь потянуть за бегунок на картинке в посте, что ты будешь делать! :)
Люди помогите хочу разместьить пост "Победа над SWF"
А кармы не хватает помогите поднять или обьясните как её быстро увеличить очень прошу!
Выручите если можете
И огромная просьба не минусовать материал думаю будет интересен широкой публике
Для некоторых ползунков не помешала бы реакция на клавиатурные события, например, если имеем простой трекбар 1...10, логично если он будет реагировать на нажатие соответствующих клавиш.

В книге Web Form Design есть несколько примеров слайдеров, вот один http://www.flickr.com/photos/rosenfeldmedia/2367276188/in/set-72157604272550634/
а куда пропало перекрытие текста с границ текстом с ползунка?..
Я конечно точно не знаю есть или нет там токая функция но было бы не плохо если с помощю них выбирать цвета
И скажем размеры шрифта рисунка(для генерации тхумбов полезно было бы)
Засечки — супер.
Для победы над злобной Оперой пока можно подгонять так, чтобы засечки составляли целое число процентов.
На самом деле, супер! Очень красиво.
Одно пожелание в плане юзабилити: сделайте чтобы с клавиатуры можно было двигать. Мышкой год пытался выбрать - так и не смог.
и когда уже GTK для веба будет? :(
Это как так криво писать нужно было, что отсекание дробной части процента дает такой эффект! Вы что, для каждой следующей засечки читаете значение из CSS для предыдущей?
Нет, значение ширины для засечек всегда 1 пиксель, значение для пространства между ними расчитывается только 1 раз и потом вставляется во все div'ы.

У Вас есть другой способ динамически создать 98 засечек на 500 пикселях без использования дробных значений? Если браузер не понимает дробные значения и их отбрасывает, значит это наверно проблема браузера и головная боль его разработчиков.

P.S. У меня есть идея, как это можно сделать по другому, но пока она мне не сильно нравится в силу отсутствия поддержки "из коробки" для всех браузеров.
Есть. position: absolute; left: X%; где Х от 0 до 100. И уже без разницы, понимает ли браузер дробные. А если вы делаете вашим способом, неточности на несколько пикселей будут всегда, т.к. все равно происходит округление до определенного знака после запятой и с каждой засечкой эта неточность складывается.
Кстати, это хоршо видно по сафари и ФФ
Понастоящему нужный пост. Спасибо. В избранное.
это все конечно прикольно, но очень сильно тормозит (celeron 430 1.8ггц) и поэтому двигается рывками. вобщем, я бы лучше руками ввел.
Под каким браузером? Подтормаживает ли если только один пример присутствует?
(См. также update к посту)
Плохо то, что в сомкнутом состоянии невозможно отличить ползунок расстояний от простого. Посмотрите , например, как сделано здесь: http://autorambler.ru/catalogue/
Возможно, я брал оригинальные изображения и они были расчитаны на 2 режима работы. Если их заменить на собственные, то этот недостаток устранится.
вот только связанные трэкбары у меня тормозят (c2d, 2gb, xp_sp2, safari+webkit пятничная сборка)
К великому сожалению в Опере этот экзампл практически не юзабелен :( Надеюсь автор что-нибудь придумает на этот счёт.
Много багов. Даже в FF3. Не будет юзаться...
Хотя плюсанул в надежде на дальнейшее развитие :)
консоль - приручает лудей к клавиатуре, веб - к мышке. Предпочту консоль(печатать), чем искать мышкой и попасть точно в нужную мне дату :(
это мое личное мнение, для меня так лучше.
дык одно другого не исключает
прощу прощения за ошибки. я тупой, ничего не могу с этим поделать.
рукописный ввод и мультитач скрины - самые удобные и простые способы ввода.
Самый удобный и простой способ ввода — мыслями на расстоянии(то бишь телепатией). Но, к сожалению, работы в этой области пока только на первоначальном этапе.
не совсем... прошла мимо красивая девушка... а у тебя в аське написало: "у какая девченка... сиси, попо..." и отправило твоей девушке...
НЛО прилетело и опубликовало эту надпись здесь
Очень интересно получилось.
В опере действительно не совсем хорошо получается
и сразу загруз процессора под завязку.

У меня вопрос к автору.
Возможно ли использование таких трекбаров в коммерческом интернет проекте ?
НЛО прилетело и опубликовало эту надпись здесь
Очень просто:
1) Вы делаете шкалу от 10 до 100
2) Задаёте 2 обработчка: onLeftSliderTextSet, onRightSliderTextSet в которых возвращаете this.leftValue или this.rightValue в нужном формате. В Вашем случае будет что-то в духе
return this.leftValue/10
НЛО прилетело и опубликовало эту надпись здесь
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.