Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.10.2016, 17:41
Аспирант
Отправить личное сообщение для -=Женька=- Посмотреть профиль Найти все сообщения от -=Женька=-
 
Регистрация: 27.06.2014
Сообщений: 33

Две кнопки и slider
Всем привет очень долго мучаюсь и не знаю как сделать сделать
ПОЖАЛУЙСТА помогите в решении вопроса

Есть вот такой ползунок - (скрин) http://joxi.ru/D2Pjv1yudDeEMr
И его код
<input class="tmcp-field tm-epo-field tmcp-textfield tmcp-range" name="tmcp_range_0" data-price="" data-rules="[[&quot;0.000008&quot;]]" data-original-rules="[[&quot;0.000012&quot;]]" data-rulestype="[[&quot;step&quot;]]" value="409000000" id="tmcp_range_1" tabindex="1" type="hidden">

Мне нужно
при нажатии на кнопку плюс +1
что-бы брало значение с data-rulestype и добавляло к value
и так-же с минусом.
уже играюсь 3 дня
Большое спасибо за помощь !
Ответить с цитированием
  #2 (permalink)  
Старый 30.10.2016, 17:58
Аватар для Aetae
Любитель
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 5,666

Ползунок из input'a делает некий плагин. Соответственно с помощью плагина тут и надо работать, ибо велика вероятность что при изменении значений напрямую сам ползунок никуда не поедет.

А если на прямую - то как-то так:
<input name="tmcp_range_0" value="0" data-rulestype="5">
<input type="button" value="+" onclick="change(document.querySelector('[name=&quot;tmcp_range_0&quot;]'), '+')">
<input type="button" value="-" onclick="change(document.querySelector('[name=&quot;tmcp_range_0&quot;]'), '-')">
<script>
function change(element, operation){
  element.value = +element.value + element.getAttribute('data-rulestype') * (operation === '+' || -1);
}
</script>
__________________
29375, 35

Последний раз редактировалось Aetae, 30.10.2016 в 18:14.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
user adaptive slider s24344 Элементы интерфейса 1 18.02.2016 12:21
user adaptive slider s24344 Элементы интерфейса 0 18.02.2016 12:14
custom adaptive slider s24344 Элементы интерфейса 0 18.02.2016 11:01
jQuery Nivo Slider кнопки vadyok jQuery 0 25.05.2012 12:02
заменяю один текст другим через прозрачность. кнопки конфликтуют. plishas Events/DOM/Window 7 12.01.2011 21:34