Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Две кнопки и slider (https://javascript.ru/forum/events/65627-dve-knopki-i-slider.html)

-=Женька=- 30.10.2016 17:41

Две кнопки и 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 дня
Большое спасибо за помощь !

Aetae 30.10.2016 17:58

Ползунок из 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>


Часовой пояс GMT +3, время: 17:05.