Комментарии 43
Люблю трекбар-посты. Уже качаю, спасибо за продолжение.
Блин, минут 10 уже сижу играюсь — оторваться не могу :)
Автор, ты мой кумир! :)
Автор, ты мой кумир! :)
Да в опере действительно зрелище местами печальное :)
Но автор безусловно молодец, надеюсь на фиксы и может будет наконец идеальный-универсальный-трэкбар
Но автор безусловно молодец, надеюсь на фиксы и может будет наконец идеальный-универсальный-трэкбар
Спасибо, очень хорошо! Эстафета трекбаров ушла в массы :-)
Пока не смотрел код, но демка приятная.
Пару дней назад нашел Ваше сообщение на фасткодере, но e-mail, который указан в качестве обратного адреса не принимает почту...
Если вы не против - можно собрать воедино основную ветку и продолжить разработку.
Пока не смотрел код, но демка приятная.
Пару дней назад нашел Ваше сообщение на фасткодере, но e-mail, который указан в качестве обратного адреса не принимает почту...
Если вы не против - можно собрать воедино основную ветку и продолжить разработку.
Из глюков:
Пример №6. Выставляем верхний слайдер на диапазон 0—100, нижний на 0—20. А теперь перемещаем верхний диапазон вправо. Нижний слайдер при этом удлиняется (не диапазон, а сам слайдер). Решить проблему можно вводом ограничений на перемещение связанных слайдеров.
Пример №7. Выставляем верхний слайдер на года, а нижний на любой диапазон. Теперь, если верхний перемещать вниз, уменьшая периоды, то диапазон нижнего выходит за границы слайдера, и тот становится неуправляемым. Нужно какое-то ограничение для верхнего.
Пример №6. Выставляем верхний слайдер на диапазон 0—100, нижний на 0—20. А теперь перемещаем верхний диапазон вправо. Нижний слайдер при этом удлиняется (не диапазон, а сам слайдер). Решить проблему можно вводом ограничений на перемещение связанных слайдеров.
Пример №7. Выставляем верхний слайдер на года, а нижний на любой диапазон. Теперь, если верхний перемещать вниз, уменьшая периоды, то диапазон нижнего выходит за границы слайдера, и тот становится неуправляемым. Нужно какое-то ограничение для верхнего.
№6: Да, там нет проверки на установку левого значения и порой оно может оказаться больше правого. Изначально я думал ввести такое ограничение внутри updateLeftValue, но потом решил, что за это пусть лучше отвечает внешняя процедура, больше гибкости.
№7: Это не глюк, а специальный режим работы, когда левое или правое значение уходит за установленные границы, то соответствующие ползунки исчезают. При этом слайдер продолжает быть управляемым через перетаскивание за центральную часть без уменьшения интервала между ползунками. Я не претендую на то, что 7й пример является полностью юзер-френдли, он скорее на данном этапе является технологической демкой.
№7: Это не глюк, а специальный режим работы, когда левое или правое значение уходит за установленные границы, то соответствующие ползунки исчезают. При этом слайдер продолжает быть управляемым через перетаскивание за центральную часть без уменьшения интервала между ползунками. Я не претендую на то, что 7й пример является полностью юзер-френдли, он скорее на данном этапе является технологической демкой.
По поводу последнего хитрого слайдера, который дату-время выбирает.
Мне кажется, было бы естественнее использовать верхний ползунок для определения масштаба нижнего, а не для выбора параметра. То есть когда на верхнем выбрана «пара часов», на весь нижний растянута пара часов и цена деления, например, десять минут. Чем крупнее масштаб — тем мельче цена деления.
Думаю, что так будет понятнее.
_____
(что-то я с этими крупнее-мельче запутался ;) ерунда какая-то, как со словом «разрешение»)
Мне кажется, было бы естественнее использовать верхний ползунок для определения масштаба нижнего, а не для выбора параметра. То есть когда на верхнем выбрана «пара часов», на весь нижний растянута пара часов и цена деления, например, десять минут. Чем крупнее масштаб — тем мельче цена деления.
Думаю, что так будет понятнее.
_____
(что-то я с этими крупнее-мельче запутался ;) ерунда какая-то, как со словом «разрешение»)
когда один маркер тащишь и он упирается в другой, должен чуть прилипнуть и пройти сквозь него. Значения начала и конца _могут_ при этом мняться местами.
Блин, в которой раз уже пытаюсь потянуть за бегунок на картинке в посте, что ты будешь делать! :)
возможно, поможет избавится в опере от глюков
http://dev.opera.com/libraries/animation…
http://dev.opera.com/libraries/animation…
Люди помогите хочу разместьить пост "Победа над SWF"
А кармы не хватает помогите поднять или обьясните как её быстро увеличить очень прошу!
Выручите если можете
И огромная просьба не минусовать материал думаю будет интересен широкой публике
А кармы не хватает помогите поднять или обьясните как её быстро увеличить очень прошу!
Выручите если можете
И огромная просьба не минусовать материал думаю будет интересен широкой публике
Для некоторых ползунков не помешала бы реакция на клавиатурные события, например, если имеем простой трекбар 1...10, логично если он будет реагировать на нажатие соответствующих клавиш.
В книге Web Form Design есть несколько примеров слайдеров, вот один http://www.flickr.com/photos/rosenfeldmedia/2367276188/in/set-72157604272550634/
В книге Web Form Design есть несколько примеров слайдеров, вот один http://www.flickr.com/photos/rosenfeldmedia/2367276188/in/set-72157604272550634/
а куда пропало перекрытие текста с границ текстом с ползунка?..
Я конечно точно не знаю есть или нет там токая функция но было бы не плохо если с помощю них выбирать цвета
Засечки — супер.
Для победы над злобной Оперой пока можно подгонять так, чтобы засечки составляли целое число процентов.
Для победы над злобной Оперой пока можно подгонять так, чтобы засечки составляли целое число процентов.
На самом деле, супер! Очень красиво.
Одно пожелание в плане юзабилити: сделайте чтобы с клавиатуры можно было двигать. Мышкой год пытался выбрать - так и не смог.
Одно пожелание в плане юзабилити: сделайте чтобы с клавиатуры можно было двигать. Мышкой год пытался выбрать - так и не смог.
и когда уже GTK для веба будет? :(
Это как так криво писать нужно было, что отсекание дробной части процента дает такой эффект! Вы что, для каждой следующей засечки читаете значение из CSS для предыдущей?
Нет, значение ширины для засечек всегда 1 пиксель, значение для пространства между ними расчитывается только 1 раз и потом вставляется во все div'ы.
У Вас есть другой способ динамически создать 98 засечек на 500 пикселях без использования дробных значений? Если браузер не понимает дробные значения и их отбрасывает, значит это наверно проблема браузера и головная боль его разработчиков.
P.S. У меня есть идея, как это можно сделать по другому, но пока она мне не сильно нравится в силу отсутствия поддержки "из коробки" для всех браузеров.
У Вас есть другой способ динамически создать 98 засечек на 500 пикселях без использования дробных значений? Если браузер не понимает дробные значения и их отбрасывает, значит это наверно проблема браузера и головная боль его разработчиков.
P.S. У меня есть идея, как это можно сделать по другому, но пока она мне не сильно нравится в силу отсутствия поддержки "из коробки" для всех браузеров.
Есть. position: absolute; left: X%; где Х от 0 до 100. И уже без разницы, понимает ли браузер дробные. А если вы делаете вашим способом, неточности на несколько пикселей будут всегда, т.к. все равно происходит округление до определенного знака после запятой и с каждой засечкой эта неточность складывается.
Понастоящему нужный пост. Спасибо. В избранное.
это все конечно прикольно, но очень сильно тормозит (celeron 430 1.8ггц) и поэтому двигается рывками. вобщем, я бы лучше руками ввел.
Плохо то, что в сомкнутом состоянии невозможно отличить ползунок расстояний от простого. Посмотрите , например, как сделано здесь: http://autorambler.ru/catalogue/
вот только связанные трэкбары у меня тормозят (c2d, 2gb, xp_sp2, safari+webkit пятничная сборка)
К великому сожалению в Опере этот экзампл практически не юзабелен :( Надеюсь автор что-нибудь придумает на этот счёт.
Много багов. Даже в FF3. Не будет юзаться...
консоль - приручает лудей к клавиатуре, веб - к мышке. Предпочту консоль(печатать), чем искать мышкой и попасть точно в нужную мне дату :(
это мое личное мнение, для меня так лучше.
это мое личное мнение, для меня так лучше.
НЛО прилетело и опубликовало эту надпись здесь
Очень интересно получилось.
В опере действительно не совсем хорошо получается
и сразу загруз процессора под завязку.
У меня вопрос к автору.
Возможно ли использование таких трекбаров в коммерческом интернет проекте ?
В опере действительно не совсем хорошо получается
и сразу загруз процессора под завязку.
У меня вопрос к автору.
Возможно ли использование таких трекбаров в коммерческом интернет проекте ?
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Иногда они возвращаются… снова