Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/55: Рейтинг темы: голосов - 55, средняя оценка - 4.67
Продвижение сайтов.
 Аватар для Aleksey24
-7 / 3 / 0
Регистрация: 16.10.2013
Сообщений: 154

Как сделать фильтр (ползунок, устанавливающий размер скидки) на HTML

30.06.2014, 14:01. Показов 10767. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите пожалуйста, как вот этот фильтр сделать?
Миниатюры
Как сделать фильтр (ползунок, устанавливающий размер скидки) на HTML  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.06.2014, 14:01
Ответы с готовыми решениями:

Стиль для VerticalScrollBar. Нужно сделать, чтобы ползунок (который при перетаскивании мышкой прокручивает) не изменял свой размер.
Всем привет. Помогите сделать, чтобы ползунок у скролла не изменял свой размер, а был одного определённого рамера. <ImageBrush...

Как изменить размер окна и убрать ползунок
Можно ли убрать ползунок в окошке, которое появляется при запуске консольного приложения или изменить его размер

Как сделать ползунок даты?
https://cridit.ru/kreditnye-karty-onlajn на этом сайте есть второй ползунок, в котором в зависимости от расположения ползунка меняется дата...

9
45 / 27 / 16
Регистрация: 01.01.2014
Сообщений: 163
30.06.2014, 14:09
Да это же - бубл гум javascript!!!
0
Продвижение сайтов.
 Аватар для Aleksey24
-7 / 3 / 0
Регистрация: 16.10.2013
Сообщений: 154
30.06.2014, 14:10  [ТС]
Ну HTML то всеравно там есть.
0
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
30.06.2014, 14:17
Лучший ответ Сообщение было отмечено Aleksey24 как решение

Решение

Для jQueryUI
http://jqueryui.com/slider/#range
1
368 / 406 / 165
Регистрация: 29.05.2014
Сообщений: 1,494
30.06.2014, 14:19
На HTML ползунок выводится так
HTML5
1
<input type="range" min="0" max="100" step="1" value="75">
Но если ты хочешь именно такое оформление то однозначно только JS
0
Продвижение сайтов.
 Аватар для Aleksey24
-7 / 3 / 0
Регистрация: 16.10.2013
Сообщений: 154
30.06.2014, 14:43  [ТС]
Цитата Сообщение от monochromer Посмотреть сообщение
Спасибо, то что надо!

Добавлено через 6 минут
monochromer подскажи еще, почему когда оттуда копируешь код (с view source), то он не работает, не один скрип не работает.
0
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
30.06.2014, 15:09
Вроде как работает:
http://jsbin.com/lowugimu/1/edit?html,output

Осталось только сделать свою кастомизацию в CSS.
0
Продвижение сайтов.
 Аватар для Aleksey24
-7 / 3 / 0
Регистрация: 16.10.2013
Сообщений: 154
30.06.2014, 16:12  [ТС]
3 штуки попробовал на том сайте - не работают. Да вот твой выше который, где фильтр
http://jqueryui.com/slider/#range
Жму view source копирую все и вставляю. И не фига не работает.
Вот на скрине что выдает. Один html только.
Не знаю в чем дело.
Миниатюры
Как сделать фильтр (ползунок, устанавливающий размер скидки) на HTML   Как сделать фильтр (ползунок, устанавливающий размер скидки) на HTML  
0
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
30.06.2014, 18:05
Лучший ответ Сообщение было отмечено Aleksey24 как решение

Решение

Добавьте протокол http:// к ресурсам. Работает?
1
Продвижение сайтов.
 Аватар для Aleksey24
-7 / 3 / 0
Регистрация: 16.10.2013
Сообщений: 154
01.07.2014, 03:07  [ТС]
Цитата Сообщение от monochromer Посмотреть сообщение
Добавьте протокол http:// к ресурсам. Работает?
Да теперь работает! За сайт спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.07.2014, 03:07
Помогаю со студенческими работами здесь

Как сделать ползунок с 4-5 делениями
Вобщем я походу работы буду задавать сюда свои вопросы... 1)Как сделать ползунок с 4-5 делениями? 2)Как сделать (не знаю как...

Как сделать такой ползунок?
Начал верстать макет, и наткнулся на этот ползунок. Не знаю как его реализовать. Выручайте)))

Как сделать ползунок времени аудиопроигрывателя?
Как сделать так, чтобы бы ползунок двигался, пока проигрывается трек через Mediaplayer.

Как сделать чтобы ползунок регулировал громкость?
Есть код слайдера: &lt;html&gt; &lt;head&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css&quot;&gt; ...

Как сделать добавление скидки?
Мне нужна система которая будет добавлять скидку на все товары и менять цены. То есть покупая в магазине, надо сделать кнопку выбора...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru