Добавление шага в Джейквери ползунке

[Gudwinn]

Здравствуйте коллеги, сегодня я расскажу как сделать что бы у ползунка появился шаг диапазона значений. Билдеровский ползунок хорош тем, что его можно настроить под свой дизайн (дизайн ползунку задавайте в теме страницы), он корректно позиционируется и так далее, но все прелести сводятся на нет тем, что у него нет шага( а почти во всех замыслах нужно использовать тот или иной шаг в проекте), так было до сих пор, но я подумав немного, разработал способ как это исправить. Значит создаёте событие: "slide" , выбираете "Задать значение", в "Цель" указываете тот эдитбокс в который будет передаваться значение ползунка. В самом эдитбоксе укажите то "Исх.значение" которое Вы указали в ползунке (для удобства отображения)


Далее создаём в ползунке второе событие: "slidestart" , выбираете "Особый код", и вставляете туда этот код:

$("#jQuerySlider1").slider({step:20,slide:function(event,ui)
{$("#Editbox1").val(""+ui.value);}});

где "jQuerySlider1" это ID Вашего ползунка, значение после "step:" - это Ваш шаг ползунка (в примере указан: 20), и "Editbox1" это ID эдитбокса куда будет передаваться значение ползунка.При присутствии в проекте нескольких ползунков, соответственно меняете в вновь создаваемых айдишники самих ползунков, и эдитбоксов. Значёк # при изменениях id обязателен.


Вот пример: http://pet-shop.offershop.ru/, вот wbs* http://pet-shop.offershop.ru/polsunki.zip
Вот собственно и всё, удачи Всем и успехов)))

[MasterOfPuppets]

Вот спасибо! Блин, как же я люблю когда такие темы на форуме появляются.

[anonimus]

только стоит немного допилить, а то на примере http://pet-shop.offershop.ru/
вот такие вот траблы получаются

wwbmaster.ru_2016.04.09_01h03m46s_001_.jpg

wwbmaster.ru_2016.04.09_01h07m02s_002_.jpg

[Gudwinn]

в смысле траблы?, я специально сделал инпуты редактируемыми, что если кто кликнул по ним сразу понял что это инпут, а вообще если кому надо для реального проекта , то в инпутах ставить галочку "только чтение" и все фокусы ввода поубирать естественно. Или Вы про что анонимус?

[anonimus]

я про то, что в вашем примере сдвиг может происходить как на картинке
я не про проект, где можно отредактировать как угодно, а про ваш пример который здесь http://pet-shop.offershop.ru/
т.е. там где сдвиг должен происходить с шагом 20, должно быть 20, 40, 60 ... а у вас получается, что сдвигается на 49
ваш проект я не скачивал и скрин не с него, а именно отсюда снят http://pet-shop.offershop.ru/
при этом я в ни в коде нигде не правил, инпуты не трогал (и даже не думал если честно), а просто кликнул и сдвинул ползунок на такой вот шаг, которого быть не должно
если не верете, то может поставить только чтение и напишите, а я проверю, что будет после этого
так что нужно допилить решение

[Gudwinn]

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

[anonimus]

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

[Gudwinn]

Та мне пофиг нападки Ваши)) Бог не Ерошка, видит немножко)) Истыкал всю линию, ни одного бага не нашёл.

Кстати да в опере 1 раз выскочило и всё, ну на самом деле считать что это баг, это простите бред сивой кобылы. Если так фанатично тыкать каждый пиксель, как это делаете Вы, то можно и на официальном сайте jQuery UI Slider найти такие "баги"

[anonimus]

ну не нашли ну и ладно, но он есть
ща посмотрю на мобиле ещё

Отправлено спустя 2 минуты :
на мобиле тоже есть

Отправлено спустя 2 минуты 15 секунд:
ещё нашёл один баг
если сдвинуть ползунок, а потом обновить страницу, то ползунок ставится в самое начало, но значение ползунка остаётся в инпуте
но это на мобиле только на винде, а вкомпьютере в ИЕ и в Лисе, а в хроме и опере нет такого

Отправлено спустя 6 минут 9 секунд:

Источник цитаты Кстати да в опере 1 раз выскочило и всё, ну на самом деле считать что это баг, это простите бред сивой кобылы

ну не только в опере, а во всех браузерах
и считать это за баг или не считать - это ваше дело
но это есть и я вам это рассказал
дальше дело ваше, исправлять эти 2 бага или нет

Отправлено спустя 6 минут 40 секунд:

Источник цитаты то можно и на официальном сайте jQuery UI Slider найти такие "баги"

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

[Gudwinn]

Источник цитаты дальше дело ваше

Вообще то, дело не в моём хаке (он передаёт всё мгновенно, и чётко) а в "дубовых" библиотеках и скриптах которые разрабы вшивают в прогу, вот им и пишите нарекания, потому что даже если бы шаг ползунка и был бы в проге, то всё работало бы АБСОЛЮТНО ТАК ЖЕ как и сейчас в моём примере. Другого варианта как добавить в штатный ползунок шаг, просто нет, поэтому я не понимаю Ваших замечаний.

Может предложите мне создать аналог билдера с пофиксенными багами?

[dlod]

Первый баг можно подправить (исправить)
вместо: slide:function(event,ui)
прописать: stop:function(event,ui)
P.S. Неплохо бы ещё и обратную связь сделать input>slider

[Gudwinn]

это понятно, просто в 99% случаев нужно именно в реальном времени движения ползунка что бы значение инпута менялось, потому и выбрано slide (красивей эффект просто) Время будет, заморочусь, сделаю расширение - присадку к штатному ползунку со всевозможными наворотами.

[dlod]

всё будет работать в реальном времени
изменить нужно не событие, а в коде первая строчка
пример: http://trtr.96.lt/slider.php

[Gudwinn]

amidtl, Если у Вас есть время, сделайте как Вы считаете нужным, и опубликуйте здесь для коллег, а у меня в данный момент проблемами типа - "ложная беременность" высосанная из пальца , просто времени нет заниматься

[codeorlov]

Спасибо!